A modern and responsive To-Do List Web Application built with HTML5, CSS3, and JavaScript.
This application helps users organize and manage daily tasks with features such as task search, filtering, priority levels, due dates, dark mode, task editing, and drag-and-drop task reordering. Tasks are stored using the Local Storage API, so your data remains available even after refreshing the page.
- ➕ Add new tasks
- ✅ Mark tasks as completed
- ❌ Delete tasks
- ✏️ Edit existing tasks
- ⌨️ Add tasks using the Enter key
- 🔍 Search tasks by keyword
- 🗂️ Filter tasks by All, Active, and Completed
- 🧹 Clear all completed tasks
- 🎯 Set task priority: Low, Medium, or High
- 📅 Add and edit task due dates
⚠️ Visual due-date status for overdue and today's tasks- 🌙 Dark mode with theme persistence
- 🔄 Drag and drop tasks to reorder them
- 📊 Track Total, Completed, and Remaining tasks
- 💾 Persist tasks using the Local Storage API
- 📱 Responsive and clean user interface
- HTML5 – Application structure
- CSS3 – Styling, responsive design, and UI
- JavaScript (ES6) – Application logic and interactivity
- Local Storage API – Persistent task and theme data
Project screenshot coming soon.
To-Do-List-App/
│
├── index.html
├── style.css
├── script.js
├── README.md
│
└── images/
├── Checked.png
└── Icon.png