✅ TaskMate – React Task Management App

TaskMate is a clean, responsive task manager built with React.js, designed to help users stay organized, boost productivity, and track task progress in real-time. Tasks are stored in localStorage, so your list persists even after closing the browser.

👉 Live Demo: https://taskmatebyvera-gnome-895670.netlify.app/

---

🚀 Features

• ✏️ Add, edit, and delete tasks
• ✅ Mark tasks as complete/incomplete
• 🔁 Data persistence using localStorage
• 📱 Mobile-friendly, responsive UI built with React components
• ⚛️ Smooth UI updates with React's state management

---

🛠 Tech Stack

• React.js – Component-based frontend development
• JavaScript (ES6+) – Logic and state handling
• HTML5/CSS3 – Markup and styling
• localStorage – For persistent task data
• Netlify – CI/CD + hosting

---

📸 Screenshots

📱 Mobile View

💻 Desktop View

---

👩🏽‍💻 What I Built & Learned

This project helped me:

• Deepen my understanding of React hooks (useState, useEffect)
• Practice modular UI design with reusable components
• Implement stateful logic and localStorage for real-world persistence
• Improve user experience through responsive layouts and interaction feedback

---

🧠 Future Enhancements

• Add task sorting and prioritization
• Introduce filters: All / Active / Completed
• Implement drag-and-drop task reordering with a library like react-beautiful-dnd
• Expand with backend storage for multi-device sync

---

📎 Project Links

• 🔗 Live Site: taskmatebyvera.netlify.app
• 🧑🏽‍💻 Code Repository: github.com/chiomavera/Task-Manager

---

🙌 Let's Connect

Want to collaborate or give feedback?
📬 LinkedIn