📝 React Task Manager (CRUD Todo App)

A fully functional Todo Application built using React that supports complete CRUD operations — Add, Edit, Delete, Toggle, and Filter tasks with a clean and responsive UI.

---

🚀 Features

• ➕ Add new tasks
• ✏️ Edit existing tasks
• 🗑️ Delete tasks
• ✅ Mark tasks as completed (Toggle)
• 🔍 Filter tasks (All / Completed / Pending)
• 🎯 Clean and responsive UI
• ⚡ Built using React Hooks (useState)

---

🛠️ Tech Stack

• Frontend: React (Vite)
• Styling: Tailwind
• State Management: React Hooks

---

📂 Project Structure

ReactToDolist/
│── public/
│── src/
│   ├── App.jsx
│   ├── Home.jsx
│   └── main.jsx
│── index.html
│── package.json
│── vite.config.js

---

⚙️ Installation & Setup

1. Clone the repository:

git clone https://github.com/SujiPrasanth/react-task-manager-crud.git

2. Navigate to project folder:

cd react-task-manager-crud

3. Install dependencies:

npm install

4. Run the app:

npm run dev

---

🌐 Live Demo

https://react-task-manager-crud.vercel.app/

---

📸 Screenshots

---

🧠 Key Concepts Used

• React Functional Components
• useState Hook
• Array Methods (map, filter)
• Conditional Rendering
• Event Handling

---

💡 Future Improvements

• 📦 Add localStorage (save tasks permanently)
• 🌙 Dark mode
• 🔔 Notifications
• 📝 Drag & drop tasks

---

👨‍💻 Author

Suji Prasanth

---

⭐ Support

If you like this project, give it a ⭐ on GitHub!