A productivity-focused task manager with built-in Pomodoro timer and achievement system. Stay focused, track progress, and build consistent work habits.
- ✅ Task Management — Create, complete, and delete tasks with a clean minimal interface
- ⏱️ Pomodoro Timer — Built-in 25 min work / 5 min break cycle to maintain focus
- 🏆 Achievement Badges — Earn rewards as you complete tasks and build streaks
- 📊 Progress Tracking — Visual stats showing your productivity over time
- 🎨 Clean UI — Minimal, distraction-free design built for deep work
- 💾 Persistent State — Tasks and progress saved via localStorage — survive page refreshes
- Node.js 18+
git clone https://github.com/Sanu700/task-dashboard.git
cd task-dashboard
npm install
npm starttask-dashboard/
├── src/
│ ├── components/
│ │ ├── TaskList.js # Task CRUD operations
│ │ ├── PomodoroTimer.js # 25/5 timer logic
│ │ ├── Achievements.js # Badge system
│ │ └── ProgressStats.js # Productivity tracking
│ ├── App.js
│ └── index.js
├── public/
└── package.json
| Layer | Technology |
|---|---|
| Frontend | React 18, JavaScript |
| Styling | CSS Modules |
| Storage | localStorage |
| Deployment | Netlify |
| Badge | Unlock Condition |
|---|---|
| 🌱 First Task | Complete your first task |
| 🔥 On Fire | Complete 5 tasks in one day |
| ⏰ Pomodoro Pro | Complete 10 Pomodoro sessions |
| 🎯 Streak Master | Maintain a 7-day streak |
MIT — feel free to use and build on this project.