Practise SQL on real datasets right in the browser
Beginner10h1
DuckDBNext.js
17/20Line-by-Line Code Explainer
Explains any code snippet line by line for beginners.
Beginner12h1–2 people15/20 fit
Build Line-by-Line Code Explainer for beginner programmers in ~12h with 1–2 people. Stack: Next.js + LLM + Code editor.
Why it wins: Simple, useful, and very demoable.
Build flow
01 · Problem
Beginners copy code they don’t understand.
02 · Solution
Paste code. Hover any line for a plain explanation, with a “quiz me” mode.
03 · Build
- 1Editor component
- 2Line-mapped explanation prompt
- 3Hover UI
- 4Quiz generation
04 · Demo
Paste a loop → hover lines → explanations → quick quiz.
MVP checklist
- Code paste
- Per-line explanations
- Concept glossary
- Quiz mode
Tech stack
| Tech | Role | |
|---|---|---|
| Next.js | Frontend + API routes | Web |
| LLM | Language model | AI |
| Code editor | In-browser editor | UI |
Related ideas
More EdTechEdTech
Music Ear Trainer
Train intervals, chords and rhythm with instant feedback
Beginner10h1Web AudioJavaScriptFSRS17/20Productivity
Spreadsheet Formula Explainer
Paste a scary spreadsheet formula and get it explained step by step
Beginner6h1LLMNext.js16/20