✅ To-Do List Web App

A minimal, modern, and responsive To-Do List built with HTML, CSS, and JavaScript. This app helps you manage your daily tasks efficiently with features like task filters, dark mode, local storage, and notifications.

---

🔥 Features

• ➕ Add new tasks
• ✅ Mark tasks as completed
• 🗂️ Filter by All, Active, or Completed
• 🧹 Clear completed tasks
• 🌙 Theme toggle (Dark/Light mode)
• 🧠 Smart empty state UI
• 📆 Displays the current date
• 📦 Local storage support (auto saves tasks)
• 🔔 Task added notifications

---

📁 Project Structure

├── index.html # Main HTML structure ├── style.css # Styling (light/dark themes included) ├── script.js # Task logic and event handling ├── README.md # Project documentation

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)
• Font Awesome (for icons)

---

📌 How to Use

1. Clone the repository:

2. Navigate into the project folder:

3. Open index.html in your browser:

You can use the Live Server extension in VS Code or simply double-click the file.

---

🧪 Optional Ideas to Improve

• Add due dates and reminders
• Drag-and-drop task reordering
• Persistent dark/light theme toggle
• Login and cloud sync
• Task priority levels

---

---

📜 License

This project is licensed under the MIT License — free to use, modify, and distribute.

---

🙋‍♂️ Author

Your Name
GitHub: https://github.com/Crafted-By-Nouman
Email: nouman.ahmad.coder@gmail.com