← Apps
✅
To-Do List App
The classic first app, done right — with real persistence and filters.
🟢 EasyDifficulty
1-2 hoursTime
Python, JavaScript, TypeScriptLanguages
What you're building
You're building a to-do list that actually remembers your tasks after you close the tab. Add tasks, check them off, delete them, and filter between all/active/completed — all backed by localStorage so refreshing the page doesn't wipe out your day. It's the 'hello world' of app development, but done properly it teaches you state management patterns you'll use in every app you ever build.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- A code editor
- A browser
🗺️ Build roadmap
01 Build the input and task list UI
→
02 Add tasks to the list
→
03 Mark tasks complete
→
04 Delete tasks
→
05 Persist tasks with localStorage
→
06 Add All/Active/Completed filters
→
07 Add a live task counter and polish
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free