← Apps
🔥
Habit Tracker with Streak Calendar
Track daily habits with a GitHub-style contribution calendar and a live streak counter.
🟡 MediumDifficulty
3-4 hoursTime
Python, JavaScript, TypeScriptLanguages
What you're building
A habit tracker where you add habits (like 'Drink Water' or 'Read 20 Minutes'), check them off each day, and watch a GitHub-style calendar grid light up with your history plus a real streak counter that calculates consecutive days automatically - all saved permanently in localStorage.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- A code editor
- A browser
🗺️ Build roadmap
01 Set up habit data model
→
02 Build the add-habit form
→
03 Render today's checklist
→
04 Build the streak calendar grid
→
05 Calculate current streak
→
06 Persist everything to localStorage
→
07 Polish and add habit deletion
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free