📝 React To-Do App

A fully functional To-Do application built from scratch using React.js and TailwindCSS.

This project fulfills all requirements from the React Assignment – Build a To-Do Application.

---

🚀 Features

✅ Core Features

• Add new tasks
• Edit existing tasks
• Mark tasks as completed
• Delete tasks
• Persistent data using localStorage

⚙️ Additional Features

• Priority levels (High / Medium / Low)
• Sort tasks by priority, due date, or creation time
• Search and filter tasks by name
• Clean responsive design with Tailwind CSS

🌟 Bonus Features

• Due date for each task
• Overdue tasks highlighted in red
• Dark mode toggle (persistent using localStorage)

---

🏗️ Tech Stack

• React.js (Vite)
• Tailwind CSS for styling
• localStorage for data persistence

📁 Folder Structure

react-todo/ ├── index.html ├── package.json ├── tailwind.config.cjs ├── postcss.config.cjs ├── vite.config.js └── src/ ├── main.jsx ├── App.jsx ├── components/ │ └── TodoItem.jsx └── index.css

---

⚙️ Setup Instructions

1. Initialize Project (Vite + React)

   npm create vite@latest react-todo -- --template react
   cd react-todo