A clean, responsive, and easy-to-use web-based To-Do List application designed to help users manage their daily tasks efficiently. Built using HTML, CSS, JavaScript, and Bootstrap 5, with data persistence via localStorage.
✨ You can view the project here: To-Do List Web App
- 🐛 Bug Fixes – Resolved minor issues related to task filtering and form validation
- 🎨 UI Enhancements – Improved layout spacing, alignment, and overall responsiveness for a smoother experience on both desktop and mobile devices
- 🗂️ Added Task Priority Options – Tasks can now be assigned a priority:
High,Medium, orLow - 📅 Due Date Support – Users can now set a due date for each task
- 🔍 Enhanced Filtering – Filter tasks not only by status but also by priority and due date (e.g. Today, Tomorrow, This Week, Overdue)
⚠️ Input Validation – Error alert if the task description is empty- 📨 Improved Empty State Message – Better messaging when no tasks are found based on current filters
- 🆕 Add new tasks with a description, due date, and priority
- ✏️ Edit existing tasks and update their status, description, date, or priority
- 🗑️ Delete tasks with confirmation modal
- 🔍 Filter tasks by:
- Status:
All,Not Started,In Progress,Done - Priority:
High,Medium,Low - Due Date:
All,Today,Tomorrow,This Week,Overdue
- Status:
- 📅 Dynamic current date display
- 📭 Message when no tasks are available or match filters
- 💾 Tasks are saved using browser
localStorage - 📱 Responsive design using Bootstrap
- 🎨 Theming support through CSS variables (ready for dark/light mode)
- HTML
- CSS
- JavaScript
- Bootstrap
Jenna Miles Reyes IT Student
This project is licensed under the MIT License.
