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
Movie Watchlist
ReactCRUDREST API
Beginner · 6 steps · ~4h
Counter & useReducer
useStateuseReducerUndo/Redo
Beginner · 7 steps · ~3h
React Quiz App
useReducerTimersuseEffect
Intermediate · 7 steps · ~3h
Vue 3CRUDREST API
Shopping Cart
PiniaStatecomputed
Vue Todo App
Composition APIreflocalStorage
Counter & Composables
refcomputedComposables
AngularCRUDREST API
Angular Counter
Signalscomputedeffect
Beginner · 5 steps · ~2h
Angular Todo App
SignalsStandalonelocalStorage
Angular Quiz App
SignalsTimerseffect
FastAPI Task Service
FastAPIPydanticHTTPX
Intermediate · 5 steps · ~3.5h
SQLite Inventory API
FastAPISQLitePydantic
Advanced · 6 steps · ~5h
Webhook Receiver
FastAPIHMACSQLite
Intermediate · 6 steps · ~4h
API Watch — Monitoring Service
FastAPIMonitoringPostgreSQL
Advanced · 6 steps · ~6h
Expense Tracker
PythonJSONpathlib
Task Manager CLI
PythonargparseJSON
Beginner · 5 steps · ~2.5h
Safe File Organizer
Pythonpathlibshutil
Intermediate · 5 steps · ~3h
CSV Sales Analytics
PythonCSVDecimal
JobTracker API
Node.jsExpressMongoDB
Beginner · 6 steps · ~5h
TicketFlow API — Event Booking
Node.jsExpressPostgreSQL
Intermediate · 6 steps · ~7h
MediaFlow — Image Processing API
RedisBullMQSharp
Advanced · 6 steps · ~8h
RelayGate API
Node.jsAPI GatewayCaching
Form Validation
FormsValidationHooks
Beginner · 6 steps · ~1h
Accordion, Modal & Tabs
CompositionModala11y
Vue Form Validation
v-modelValidationForms
Beginner · 6 steps · ~1.5h
Angular Form Validation
SignalsValidationForms
Angular Accordion, Modal & Tabs
@Input/@OutputCompositiona11y
Quiz API
FastAPIPydanticHTTP
Beginner · 6 steps · ~2.5h
Wordle API
FastAPIPydanticAlgorithms
Job Radar — Developer Job Finder
HTMLHTTPXFastAPI
Intermediate · 6 steps · ~6h
Log Analyzer
PythonLogsJSON
Python Project Generator
PythonToolingpathlib