📝 iTask – React Todo App

A simple, clean, and efficient Todo application built with React to manage daily tasks easily, with persistent storage using localStorage.

---

🚀 Features

• ➕ Add new todos
• ✏️ Edit existing todos
• ✅ Mark todos as completed
• 🗑️ Delete todos
• 👁️ Show / hide completed todos
• 💾 Persistent storage using localStorage
• 🔄 Safe edit flow (no accidental data loss on page refresh)
• ⚡ Fast and lightweight (React + Vite)
• 🎨 Clean UI with Tailwind CSS

---

🧠 Edit Behavior (Important)

• Clicking Edit moves the todo into the input field
• The todo is temporarily hidden from the list
• If the page is refreshed without saving, the original todo is restored
• Changes are saved only after clicking Save

This ensures a draft → commit style editing experience.

---

🛠️ Tech Stack

• React
• Vite
• Tailwind CSS
• UUID
• localStorage

---

⚙️ Installation & Setup

Clone the repository:

git clone https://github.com/2000Deba/todo-app-react.git

Move into the project directory:

cd todo-app-react

Install dependencies:

npm install

Start the development server:

npm run dev

Open the app in your browser:

http://localhost:5173

---

📸 Screenshots

Home Page

🔮 Possible Future Improvements

• Backend integration (Express + MongoDB)
• User authentication
• Drag & drop todos
• Priority levels & due dates
• Dark mode

---

👨‍💻 Author

Debasish Seal

• GitHub: @2000Deba
• Live Demo: iTask

---

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

---

⭐ Star this repo if you like it!
Made with ❤️ by Debasish Seal