A modern productivity web application designed to help users manage tasks, track reminders, stay focused, and improve daily workflow with calendar integration and focus tools.
To-Do List is a modern and feature-rich task management application built to help users organize daily activities, manage reminders, and improve productivity.
The application includes task categorization, calendar integration, reminder tracking, and productivity-focused tools such as a stopwatch/timer.
To keep the project lightweight and efficient, all application data is stored using the browser’s Local Storage, ensuring persistence without requiring any backend or database.
- ➕ Add new tasks easily
- ✔️ Mark tasks as completed
- ⭐ Mark important tasks
- ❌ Delete tasks anytime
- 📋 Filter tasks by:
- All Tasks
- Completed Tasks
- Important Tasks
- Pending Tasks
- Monthly calendar view
- Agenda-style task visualization
- Tasks displayed on their respective dates
- Tasks sorted by:
- Date
- Priority
- Easy navigation between months and dates
- 📌 Today’s reminders section
- ⏱️ Stopwatch / timer for focused work sessions
- 📊 Task statistics overview:
- Total tasks
- Completed tasks
- Important tasks
- Remaining tasks
- 🌈 Change background colors from settings
- 📱 Fully responsive layout
- ✨ Clean and modern UI
- ⚡ Smooth user experience and navigation
| Section | Description |
|---|---|
| Home | Daily overview and motivation |
| Add Task | Create and schedule new tasks |
| Focus | Stopwatch and productivity timer |
| All Tasks | Manage and filter all tasks |
| Calendar | Date-wise task visualization |
| Settings | Personalize UI appearance |
| Category | Technologies |
|---|---|
| Frontend | React.js |
| Styling | Tailwind CSS |
| Language | JavaScript (ES6+) |
| Storage | Browser Local Storage |
The application uses Local Storage to provide persistent task management without any backend services.
- Data remains saved after page refresh
- Tasks persist after browser restart
- No database setup required
- Lightweight and fast performance
- Works without authentication
- 🌙 Modern and colorful design
- 📱 Responsive across devices
- ⚡ Fast and lightweight application
- 🧩 Simple and intuitive navigation
- 🎯 Productivity-focused workflow
git clone https://github.com/shubham-kumar145/To-Do-List.git
cd To-Do-Listnpm installnpm run dev🚀 https://to-do-list-sk.vercel.app/
- 🔐 User authentication system
- ☁️ Cloud database integration
- 🔔 Push notifications for reminders
- 📦 Cross-device synchronization
- 🖱️ Drag-and-drop task management
- 📱 Progressive Web App (PWA) support
- Modern productivity application
- Local Storage-based persistence
- Interactive calendar integration
- Focus timer functionality
- Responsive and customizable UI
- Lightweight frontend-only architecture
Full-Stack Developer • MERN Developer • Open Source Contributor
- GitHub: https://github.com/shubham-kumar145
- LinkedIn: https://www.linkedin.com/in/shubham-kumar145/
- Portfolio: https://shubhamkumar.me
If you found this project useful, consider giving it a ⭐ on GitHub to support future development.