A clean and interactive To-Do List Application built with React.js, designed as part of my “Learning by Doing” project series. It helps users manage daily tasks, stay organized, and visualize progress with a stats graph.
- ➕ Add Tasks – Create new todos quickly
- ✅ Mark as Completed – Toggle tasks done/not done
- 📝 Edit Tasks – Update any existing todo
- ❌ Delete Tasks – Remove tasks easily
- 🧹 Clear Completed – One-click cleanup
- 🔍 Filter Tasks – Show All / Active / Completed
- 💾 Persistent Storage – Saves tasks with
localStorage - 📊 Stats Bar with Graph – Visualize completed vs active tasks
- 🎨 Modern UI – Responsive, clean design with TailwindCSS
- React.js – Frontend framework
- TailwindCSS – Styling & responsiveness
- localStorage API – Data persistence
- Chart.js + React Chart.js 2 – Graph/Stats visualization
- git clone https://github.com/your-username/todo-app.git
- cd todo-app
- npm install
- npm run dev
npm run build
- 🔔 Add task reminders/notifications
- 📱 PWA support for offline usage
- ☁️ Backend integration with database (MongoDB/Firebase)
- 🌙 Dark/Light mode toggle
Inspired by the “Learning by Doing” approach