A modern and responsive To-Do List Manager built using HTML, CSS, and JavaScript. TaskFlow helps users organize daily tasks with a clean glassmorphism interface, dark/light mode, task filtering, searching, progress tracking, and local storage support.
TaskFlow is a lightweight productivity application that allows users to create, manage, update, and delete tasks directly in the browser. All tasks are stored using Local Storage, ensuring data remains available even after refreshing or reopening the browser.
- ➕ Add new tasks
- ✏️ Edit existing tasks
- 🗑️ Delete tasks with confirmation
- ✅ Mark tasks as completed
- 🔍 Search tasks instantly
- 📂 Filter by All, Pending, and Completed
- 📊 Task statistics dashboard
- 📈 Progress bar with completion percentage
- 🌙 Dark & ☀️ Light theme toggle
- 🕒 Live date and time display
- 💾 Automatic Local Storage saving
- 🔔 Toast notifications
- 📱 Fully responsive design
- HTML5
- CSS3
- JavaScript (ES6)
- Font Awesome
- Google Fonts
- Browser Local Storage
TaskFlow/
│
├── index.html
└── README.md
- Download or clone this repository.
git clone https://github.com/yourusername/taskflow.git-
Open the project folder.
-
Double-click index.html or open it in your preferred browser.
No installation or server is required.
- Total Tasks
- Pending Tasks
- Completed Tasks
- Progress Percentage
- Add Task
- Edit Task
- Delete Task
- Complete Task
- Responsive UI
- Theme Switcher
- Live Clock
- Search
- Filter
- Toast Notifications
This application stores task data in the browser using Local Storage.
Your tasks remain available even after refreshing or reopening the browser.
The application works smoothly on:
- Desktop
- Laptop
- Tablet
- Mobile Devices
- Due dates
- Task priority
- Categories
- Drag and drop sorting
- Calendar integration
- Export/Import tasks
- Cloud synchronization
- User authentication
If you like this project, consider giving it a ⭐ on GitHub.