APP IDEA #23 · EDTECH · GEN Z

Codedex — making coding feel like a video game, not a textbook

Codedex built what Duolingo did for language learning but for coding — a fantasy-world aesthetic, XP points, badges, and a freemium subscription model that makes programming genuinely fun for Gen Z. GitHub Award winner 2024. ₹6.3Cr pre-seed. The brand angle is the product.

₹6.3Cr

Pre-seed raised (Goodwater, Hustle Fund, NY Ventures)

GitHub

Award winner 2024 at GitHub Universe

₹756/mo

Club subscription (freemium model)

Top 200

TrustMRR verified — specific MRR not public

01 / HOW IT WORKS

What the app actually does

Codedex wraps programming education in a game layer — the lessons are real and technical, but the progression system (XP, regions, badges, community) makes it feel like an RPG rather than a course platform.

User picks a language and starts a "journey" through a fantasy world

Python is the "Legend of Python" quest, HTML/CSS is a different region — each course has a themed aesthetic instead of a plain lesson grid.

Lessons are short, interactive, and run in-browser

Write and run code directly on the platform without any setup — no local installs, no terminal, just type and see the output immediately.

XP, badges, and streaks keep engagement high

The same mechanics Duolingo proved work for habit formation — daily streaks, milestone badges, and a public profile showing progress.

Free tier is generous; Club unlocks advanced content

Most of the catalog is free — the Rs199/month Club subscription unlocks bonus courses, cheat sheets, and the full content library including DSA and Data Science.

02 / INDIA POTENTIAL

Does this work as an India play

India produces 1.5M+ engineering graduates annually, most learning to code from dry textbooks or YouTube tutorials. The gamified aesthetic angle is almost completely absent from Indian coding education platforms.

1.5Cr+

Engineering and CS students in India currently studying programming — the largest captive audience for a coding platform anywhere in the world.

DSA

Data Structures and Algorithms in a gamified format for placement prep — India's most-searched coding content, wrapped in aesthetic game mechanics instead of dry grind.

₹199/mo

Realistic India-priced Club equivalent vs Codedex's ₹756/month (~₹750) — opens the tier-2/tier-3 student segment that can't pay in dollars.

Hindi

Coding lessons in Hindi as a first-class feature — no major platform teaches programming fundamentals in Hindi despite India's massive Hindi-speaking student population.

03 / THE WEEKEND BUILD

Friday to Sunday, hour by hour

Scoped to one language track (Python) with a gamified progression system — the aesthetic and mechanics are the whole product, so get those right before adding more courses.

Friday

Evening · 3 hrs

7–8 PM Set up a Next.js project, Supabase for auth/database, and design the core data model: courses, lessons, user_progress, XP, badges.

8–9 PM Build one complete lesson template — a split-screen layout with lesson content on the left and an in-browser code editor (Monaco Editor) on the right.

9–10 PM Wire up the code execution backend — a sandboxed Python runner (Judge0 API or Piston API) that runs the student's code and returns output instantly.

Saturday

Full day · 7 hrs

Morning Build the XP and progression system — completing a lesson awards XP, which unlocks the next one. No lesson skipping without completing the previous.

Afternoon Build the themed world map / course overview — a visual fantasy-world grid showing which regions (topics) are locked, in-progress, or completed.

Evening Add the badge and streak system — first badge on lesson 1, streak counter that resets if a day is missed, profile page showing all earned badges.

Sunday

5 hrs

Morning Build the Hindi language toggle — lesson explanations appear in Hindi when selected, while code and output remain in English (the universal programming standard).

Afternoon Razorpay integration — Rs199/month Club subscription that unlocks DSA track, bonus exercises, and cheat sheets.

Evening Polish the world map aesthetic, test the full lesson-to-badge loop end-to-end, record the demo for your first post.

04 / APP STACK

What you're actually building with

Next.js 14

Frontend

Lesson viewer, world map, profile, and dashboard in one framework.

Supabase

Auth + database

Stores user accounts, lesson progress, XP totals, badge history, and streak data.

Monaco Editor

In-browser code editor

The same editor powering VS Code — runs entirely in the browser, no install needed.

Judge0 or Piston API

Code execution

Sandboxed Python runner that executes student code safely and returns output.

Razorpay

Payments

Rs199/month Club subscription for premium tracks and content.

Tailwind CSS

Styling

Fast enough to build the fantasy-aesthetic world map and lesson UI in a weekend.

05 / WHERE & HOW TO DEPLOY

Going live

Where: Vercel for the app, Supabase for the database. The code execution sandbox (Judge0/Piston) runs as a separate hosted service — use their free/cheap cloud tier, not self-hosted, for a weekend build.

Push your project to GitHub, import into Vercel — auto-detects Next.js, no config needed.

Add environment variables: SUPABASE_URL, SUPABASE_KEY, CODE_RUNNER_API_KEY, RAZORPAY_KEY.

Deploy — Vercel gives you a live .vercel.app URL in under a minute.

Point a custom domain at it from Vercel domain settings.

06 / MARKETING & REVENUE

Getting paying users

How to market it

Post a "before vs after" reel — dry textbook Python lesson on one side, your gamified fantasy-world version on the other. Visual contrast sells itself.
Run 3-5 reels/day targeting Indian engineering students, Class 12 students exploring CS, and coding beginners who bounced off existing platforms.
Target JEE/NEET student communities, engineering college WhatsApp groups, and coding club pages on Instagram directly.
Launch the DSA track (Data Structures & Algorithms in a gamified format) as the premium hook — it is the most searched coding topic in India.
The Hindi lesson toggle is a day-one differentiator — post a reel specifically about it and watch it reach audiences no English-first platform can touch.

Who pays, and why

Engineering and CS students who find existing platforms (GeeksforGeeks, HackerRank) too dry and want something that feels like playing a game.
Class 11-12 students picking up coding before college entrance exams who need something more engaging than YouTube tutorials.
Working professionals wanting to learn Python basics on the side who have failed at traditional course platforms due to boredom.

Scenario

Paying users/mo

Revenue/mo

Slow start

300 paid × Rs199

Rs59,700

Engineering college community traction + reels

3,000 paid × Rs199

Rs5,97,000

3-5 reels/day + DSA track launch + Hindi angle

15,000 paid × Rs199

Rs29,85,000

07 / START BUILDING

Paste this into Claude or GPT

This prompt sets up the full build context so the AI scopes, plans, and starts coding the project with you from message one.

BUILD_PROMPT.txt

I want to build a gamified coding education platform for the Indian student market, inspired by Codedex, scoped to ship a working version in a single weekend. Core experience: 1. User signs up and enters a fantasy-world themed course map — different regions represent different programming topics (Python basics, loops, functions, DSA basics). 2. Each lesson is a split-screen: lesson explanation on the left, in-browser Python code editor on the right (Monaco Editor). 3. The student writes and runs code directly in the browser via a sandboxed code execution API (Judge0 or Piston). Output appears instantly below the editor. 4. Completing a lesson awards XP, which unlocks the next lesson. A world map shows locked/in-progress/completed regions visually. 5. Badges are awarded at milestones. A daily streak counter resets if a day is missed. 6. A Hindi language toggle switches lesson explanations to Hindi — code and output remain in English. 7. Rs199/month Club subscription unlocks the DSA (Data Structures & Algorithms) track and bonus exercises. Stack I want to use: Next.js 14 for the frontend, Supabase for auth and database (tracking user progress, XP, badges, streaks), Monaco Editor for the in-browser code editor, Judge0 or Piston API for sandboxed Python code execution, Razorpay for the Rs199/month subscription. Deploy target: Vercel. Help me, step by step, one question at a time: 1. Scope the database schema for courses, lessons, user_progress, XP, badges, and streaks in Supabase. 2. Build one complete lesson page with Monaco Editor and the code execution API first. 3. Build the XP and progression system — completing a lesson unlocks the next. 4. Build the fantasy-world map view showing course progress visually. 5. Build the badge and streak system. 6. Add the Hindi language toggle for lesson explanations. 7. Wire up Razorpay for the Club subscription. Keep explanations short and India-context aware — Rs-priced, Hindi as a first-class feature, and optimize the DSA track specifically for Indian placement prep since that is the highest-demand coding content in India. Push me to ship the smallest working version first, then improve it. If I get stuck on anything, tell me directly to ask @buildwithkanhaa for the next step or a fresh app idea.