CodeFlow is a gamified web platform for practical programming education. Users solve algorithmic challenges directly in the browser, write and run JavaScript or TypeScript code, validate solutions through automated tests, and receive helpful hints. The platform combines a coding workspace, categorized challenge library, personal learning statistics, achievements, learning modules, daily goals, and a student leaderboard in one cohesive experience.


Lack of hands-on practice: beginners often need a simple environment for solving tasks and instantly validating their code. Low learning motivation: without visible progress, goals, and rewards, learners can lose consistency. Limited progress visibility: students struggle to understand their skill level, learning activity, and weak areas. Fragmented tools: coding challenges, editors, test runners, and analytics are often spread across separate services. Weak engagement: self-paced learning can feel isolated without community elements or friendly competition.
Unified learning workspace: an integrated code editor, console, automated test validation, and hints in one interface. Structured challenge catalog: tasks organized by topic and difficulty, with progressive access to advanced challenges. Personal analytics: tracking solved challenges, coding time, learning streaks, and module completion. Gamification system: daily goals, XP, achievements, activity streaks, and rankings encourage continuous practice. Social motivation: a leaderboard lets students compare performance and work toward higher positions.
Backend
Frontend
Database
Tools