📝 Task Mate

A simple yet functional To-Do List application built with React functional components and Hooks. Users can add, mark complete, and delete tasks with a clean, responsive UI.

---

🚀 Features

• ✅ Add new tasks
• 🔁 Mark tasks as completed or uncompleted
• ❌ Delete individual tasks
• 📱 Fully responsive design
• 💡 Uses useState and functional components

---

⚙️ Technologies Used

• React (with Hooks)
• JavaScript (ES6+)
• CSS3 (custom styles)
• Font Awesome (for icons)
• Vite (for fast build & dev server)

---

📂 Project Structure

src/
├── assets/
│   └── css/
│       └── to_do.css         # Custom styles
│   └── images/
│       └── screenshot.png 
├── components/
│   └── to_do.jsx             # Main To-Do component
├── App.jsx
├── main.jsx
└── index.html

💻 Getting Started

1. Clone the repository

git clone https://github.com/Hanan-Nawaz/TaskMate.git
cd TaskMate

2. Install dependencies

npm install

3. Start the development server

npm run dev

📦 Build for Production

npm run build

❗ Disclaimer

🗂️ This project is from when I first started learning front-end development.
I recently found the old version on my drive.

So, I:

• ✅ Converted it from class-based components to functional components
• 🧹 Cleaned up the structure
• 🎨 Redesigned the layout slightly
• 📤 Pushed it to GitHub as part of my coding archive

It's not a complex app — but it's meaningful to me as a reminder of where I began.

🙏 Acknowledgements

• React
• Font Awesome
• Vite
• Community tutorials that helped along the way

---

📜 License

This project is open source and available under the MIT License

---

👤 Author

Hanan Nawaz
GitHub: Hanan-Nawaz

---

🌐 Live Demo

You can try out the live version of this TaskMate app hosted here:
Taskmate Live

---

⭐ Support

If you found this helpful or learned something from it, feel free to give it a ⭐ on GitHub!