Live Demo: todolokz.netlify.app
- ✅ 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")
- ✅ Built using functional components and React Hooks (
useState,useEffect) - ✅ Proper event handling for all user actions
- ✅ Logical component structure:
TodoListTodoItemAddTodoForm
- ✅ Basic CSS styling for clarity and hierarchy
- ✅ Basic form validation
- ✅ Graceful error handling for edge cases
- ✅ Accessible with proper ARIA labels
- 🔸 Task categories or priorities
- 🔸 Filter tasks (All / Active / Completed)
- 🔸 Edit existing tasks
- 🔸 Drag-and-drop task reordering
- Frontend: React, TypeScript (Vite)
- Styling: Tailwind CSS
- State: useState, useEffect
- Persistence: Browser
localStorage