App Routes

App Routes

Route Map

Root Routes

Route	File	Description
/	app/page.tsx	Home page — hero section, 25-language grid, feature cards
/interview	app/interview/page.tsx	AI mock interview landing (standalone)
/regex	app/regex/page.tsx	Regex trainer — category selection, drill/practice/playground
/regex/[problemId]	app/regex/[problemId]/page.tsx	Individual regex problem
/pattern-quiz	app/pattern-quiz/page.tsx	Algorithm pattern recognition quiz (170 problems)
/pattern-quiz/study	app/pattern-quiz/study/page.tsx	Algorithm pattern flashcard study
/links	app/links/page.tsx	External links / other projects

Pattern Quiz Layout: app/pattern-quiz/layout.tsx provides a Quiz/Study navigation bar with icons and active state highlighting (matching the language/framework layout style).

| /sitemap.xml | app/sitemap.ts | Dynamic sitemap for SEO | | /robots.txt | app/robots.ts | Robots rules (allow all except /api/, /_next/) |

Per-Language Routes (/[language]/)

Supports 25 languages: javascript, typescript, python, java, cpp, csharp, go, ruby, c, php, kotlin, rust, swift, scala, r, perl, lua, haskell, elixir, dart, clojure, postgresql, mysql, mongodb, redis.

Route	Description
/[language]	Language landing — mode selection cards
/[language]/drill	Drill mode — type code from memory in Monaco Editor
/[language]/quiz	Quiz mode — multiple choice (methods, complexity, patterns)
/[language]/study	Study mode — self-paced flashcard review with Q&A preview
/[language]/pattern-quiz	Algorithm pattern recognition quiz
/[language]/problems	Problem browser — filter by category, difficulty, completion
/[language]/problems/[problemId]	Individual problem — description, code editor, navigation
/[language]/exercises	Building Blocks — exercise browser
/[language]/exercises/[exerciseId]	Exercise detail — Learn/Practice tabs, tests, visualization
/[language]/reference	Method reference documentation
/[language]/cheatsheet	Language cheatsheet
/[language]/interview	AI mock interview (language-specific)

Layout: app/[language]/layout.tsx provides:

• Sticky header with breadcrumbs (Coding Drills / [Language])
• Language icon and framework switcher
• Docs link (MDN, Python docs, etc.)
• Mode navigation bar (Drill, Quiz, Study, Training, Building Blocks, etc.)

Frontend Drills Routes (/frontend-drills/)

Supports 4 frameworks: native-js, react, angular, vue.

Route	Description
/frontend-drills	Landing — framework selection (React, Angular, Vue, Native JS)
/frontend-drills/[framework]	Framework landing — mode selection cards with counts
/frontend-drills/[framework]/drill	Frontend drill mode — type framework code
/frontend-drills/[framework]/quiz	Frontend quiz — multiple choice with scoring/leaderboard
/frontend-drills/[framework]/study	Study mode — self-paced flashcard review for framework knowledge
/frontend-drills/[framework]/training	Problem browser for individual practice
/frontend-drills/[framework]/training/[problemId]	Individual frontend training problem
/frontend-drills/[framework]/ui-patterns	UI pattern catalog — 6 categories
/frontend-drills/[framework]/ui-patterns/[patternId]	Pattern detail — code editor, live preview, AI tutor
/frontend-drills/[framework]/cheatsheet	Framework cheatsheet — 6 sections, interactive code

Layout: app/frontend-drills/[framework]/layout.tsx provides:

• Sticky header with breadcrumbs (Coding Drills / Frontend / [Framework])
• Framework switcher dropdown
• Official docs link
• Mode nav bar (Drill, Quiz, Study, Training, UI Patterns, Cheatsheet)

API Routes

Route	Method	Description
/api/transpile	POST	TypeScript → JavaScript transpilation using typescript compiler. Accepts { code: string }, returns { code: string }.