Task Master - A Todo Application

Live Demo: todolokz.netlify.app

---

✨ Features

• ✅ Add new tasks with title and optional description
• ✅ Display list of all tasks with completion status
• ✅ Mark tasks as complete/incomplete
• ✅ Delete individual tasks
• ✅ Clean, responsive user interface
• ✅ Persist tasks using localStorage
• ✅ Handle empty states (e.g., "No tasks yet")

---

🛠️ Technical Requirements

• ✅ Built using functional components and React Hooks (useState, useEffect)
• ✅ Proper event handling for all user actions
• ✅ Logical component structure:
  • TodoList
  • TodoItem
  • AddTodoForm
• ✅ Basic CSS styling for clarity and hierarchy
• ✅ Basic form validation
• ✅ Graceful error handling for edge cases
• ✅ Accessible with proper ARIA labels

---

🚀 Bonus Features

• 🔸 Task categories or priorities
• 🔸 Filter tasks (All / Active / Completed)
• 🔸 Edit existing tasks
• 🔸 Drag-and-drop task reordering

---

📦 Tech Stack

• Frontend: React, TypeScript (Vite)
• Styling: Tailwind CSS
• State: useState, useEffect
• Persistence: Browser localStorage

---