Each project takes you from blank file to working app — one guided step at a time.
From empty file to running app, one guided step at a time. Your code runs in the browser.
React Todo App
useStateHookslocalStorage
Beginner · 6 steps · ~3h
Counter & useReducer
useStateuseReducerUndo/Redo
Beginner · 7 steps · ~3h
React Quiz App
useReducerTimersuseEffect
Intermediate · 7 steps · ~3h
Autocomplete Search
DebounceKeyboard NavHooks
Intermediate · 6 steps · ~1.5h
Shopping Cart
PiniaStatecomputed
Vue Todo App
Composition APIreflocalStorage
Counter & Composables
refcomputedComposables
Vue Form Validation
v-modelValidationForms
Beginner · 6 steps · ~1.5h
Angular Counter
Signalscomputedeffect
Beginner · 5 steps · ~2h
Angular Todo App
SignalsStandalonelocalStorage
Angular Quiz App
SignalsTimerseffect
Angular Autocomplete Search
SignalsDebounceKeyboard Nav
Intermediate · 6 steps · ~2h
Expense Tracker
PythonJSONpathlib
Task Manager CLI
PythonargparseJSON
Beginner · 5 steps · ~2.5h
Safe File Organizer
Pythonpathlibshutil
Intermediate · 5 steps · ~3h
CSV Sales Analytics
PythonCSVDecimal
Form Validation
FormsValidationHooks
Beginner · 6 steps · ~1h
Accordion, Modal & Tabs
CompositionModala11y
Beginner · 6 steps · ~5h
Dark Mode Toggle
useStatelocalStorageSystem Preference
Beginner · 6 steps · ~4h
Vue Dark Mode Toggle
ComposableslocalStorageSystem Preference
Angular Form Validation
SignalsValidationForms
Angular Accordion, Modal & Tabs
@Input/@OutputCompositiona11y
Angular Dark Mode Toggle
SignalslocalStorageSystem Preference
Log Analyzer
PythonLogsJSON
Python Project Generator
PythonToolingpathlib