⚛️ Task Manager App

A modern and responsive Task Manager (To-Do List) Web App built using React + Vite. This app helps users manage daily tasks efficiently with filtering and status tracking.

---

🌐 Live Demo

[![Live Demo] https://task-manager-nu-one-99.vercel.app/

---

🚀 Features

• ➕ Add new tasks

• ❌ Delete tasks

• ✅ Mark tasks as completed

• 🔄 Toggle task status

• 🔍 Filter tasks:

  • All
  • Completed
  • Pending

• ⚡ Instant UI updates (React state)

• 📱 Responsive design

---

🖥️ Preview

• Clean UI with task input
• Filter buttons (All / Completed / Pending)
• Task list with complete & delete actions

---

🛠️ Technologies Used

• ⚛️ React (Hooks – useState)
• ⚡ Vite (Fast build tool)
• 🎨 CSS

---

📂 Project Structure

📁 task-manager
 ┣ 📁 src
 ┃ ┣ 📁 components
 ┃ ┃ ┣ 📄 TaskInput.jsx
 ┃ ┃ ┣ 📄 TaskList.jsx
 ┃ ┃ ┣ 📄 TaskItem.jsx
 ┃ ┃ ┗ 📄 Filter.jsx
 ┃ ┣ 📄 App.jsx
 ┃ ┣ 📄 main.jsx
 ┃ ┗ 📄 index.css
 ┣ 📄 index.html
 ┣ 📄 package.json
 ┗ 📄 vite.config.js

---

⚙️ How It Works

• Tasks are stored in React state

• Users can:

  • Add tasks
  • Mark tasks as completed
  • Delete tasks
  • Filter tasks based on status

---

📦 Installation & Setup

1. Clone the repository:

git clone https://github.com/mohit823/task-manager.git

2. Go to project folder:

cd task-manager

3. Install dependencies:

npm install

4. Run the app:

npm run dev

---

🚀 Build for Production

npm run build

---

💡 Future Improvements

• ✏️ Edit tasks
• 💾 Save tasks in localStorage
• 🌙 Dark mode
• 📊 Task priority system

---

🙌 Author

Mohit Kumar

---

⭐ Support

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