todolist

A modern, responsive Todo List web app built with HTML, CSS, and JavaScript.
It features a clean UI with a purple header, dark mode toggle, live search, filters, and priority selectors.
Todos are stored in localStorage, so your tasks persist after refresh.

---

✨ Features

• ➕ Add new todos with the input field or plus button
• ✅ Mark todos as complete with a click
• ❌ Delete todos with right‑click or trash button
• 🔍 Live search to quickly filter tasks
• 🎚️ Filter by All / Active / Completed
• 🎨 Priority selectors (High / Medium / Low)
• 🌙 Dark mode toggle with persistence
• 📊 Progress bar and item counter
• 💾 LocalStorage support (tasks saved automatically)
• 📱 Responsive design for desktop and mobile

---

📸 Screenshot

---

🛠️ Tech Stack

• HTML5 — semantic structure
• CSS3 — custom properties, dark mode, responsive layout
• Vanilla JavaScript — interactivity, filtering, persistence
• Font Awesome — icons

---

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/moustyb/todolist.git
   cd todolist
   

📄 License

This project is open source and available under the MIT License.