✅ Todo List App

A modern and fully functional task management app with filtering, completion tracking, and a vibrant blue gradient background.

---

📸 Preview

A white card with a task input field, filter tabs (All / Pending / Completed), and a list of tasks with checkboxes and a three-dot menu per item.

---

✨ Features

• ➕ Add new tasks via the input field
• ☑️ Mark tasks as complete (renders with strikethrough)
• 🔍 Filter tasks by:
  • All — shows every task
  • Pending — shows incomplete tasks only
  • Completed — shows finished tasks only
• 🗑️ Clear All button to remove all tasks at once
• ⋮ Three-dot menu per task for edit/delete options

---

🛠️ Technologies Used

Technology	Usage
HTML5	Semantic structure and input elements
CSS3	Blue gradient background, card UI, checkbox styling
JavaScript	Task CRUD operations, filtering logic, DOM updates

---

📱 Responsive Design

Tested on:

• S — 320px
• M — 375px
• L — 435px
• Tablet — 768px

---

🚀 Getting Started

1. Open index.html in any modern browser
2. Type a task in the input field and press Enter
3. Check the checkbox to mark a task complete
4. Use the filter tabs to view tasks by status
5. Click Clear All to reset the list

No dependencies or build tools required!

---

👨‍💻 Created By

CodingSmith

Platform	Link
📺 YouTube	youtube.com/@codingsmith1
🐙 GitHub	github.com/codingsmith1
📧 Email	codingsmith1@gmail.com

If you found this project helpful, consider subscribing to the YouTube channel for more projects! 🚀