✅ iTask Todo App (React + Vite)

A modern and responsive Todo Task Manager built using React + Vite.
This project helps users organize daily tasks with features like task completion, editing, filtering, and persistent storage.

🚀 Live Demo: https://todo-byhemant.vercel.app/
📌 GitHub Repo: https://github.com/TheHemantPandey/todo-react-app

---

✨ Key Features

• ➕ Add new tasks easily
• ✏️ Edit previously added tasks
• 🗑 Delete tasks instantly
• ✅ Mark tasks as completed using a checkbox
• Strike-through effect for finished tasks
• 🔍 Filter tasks using Show Finished option:
  • When enabled → shows both completed and pending tasks
  • When disabled → shows only unfinished tasks
• 💾 Persistent storage using LocalStorage (tasks remain after refresh)

---

🛠 Tech Stack

• React.js (with Vite)
• JavaScript (ES6+)
• Tailwind CSS
• LocalStorage API
• Vercel Deployment

---

📸 Project Overview

The iTask Todo App is designed to demonstrate core frontend development skills such as:

• Component-based UI design
• State management in React
• Conditional rendering
• CRUD operations (Create, Read, Update, Delete)
• Responsive UI using Tailwind CSS
• Deployment workflow with GitHub + Vercel

---

🚀 Live Demo

🌐 Try it here:
https://todo-byhemant.vercel.app/

---

📂 Run Locally (Development Setup)

Clone the repository:

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

Navigate to the project folder:

cd todo-react-app

Install dependencies:

npm install

Start the development server:

npm run dev

Now open in browser:

http://localhost:5173/

---

🚀 Deployment

This project is deployed using Vercel with GitHub integration.

Any updates pushed to GitHub are automatically deployed live.

---

👨‍💻 Author

Hemant Pandey
BTech CSE Student | Frontend Developer

GitHub: https://github.com/TheHemantPandey
Live Project: https://todo-byhemant.vercel.app/

---

⭐ Support

If you found this project useful or interesting, please consider giving it a ⭐ on GitHub!