A real-time and interactive task management application with drag-and-drop functionality, built with React, Firebase, Express.js, and MongoDB.

---

✨ Features

Feature	Description
✅	Firebase Authentication (Google Sign-in)
✅	Task CRUD Operations (Add, Edit, Delete)
✅	Drag & Drop to reorder tasks & move between categories
✅	Real-time Synchronization (Socket.io)
✅	Responsive & Minimal UI
🌙	Dark Mode Toggle (Bonus)
📅	Due Date Indicators (Bonus)
📜	Activity Log (Bonus)

---

🛠️ Tech Stack

---

🚀 Live Demo

---

📂 Project Structure

Click to expand

📦 Task-Management-App
 ┣ 📂 frontend  # React + Vite Frontend
 ┃ ┣ 📂 src
 ┃ ┃ ┣ 📂 components
 ┃ ┃ ┣ 📂 pages
 ┃ ┃ ┣ 📜 App.jsx
 ┃ ┃ ┣ 📜 main.jsx
 ┃ ┃ ┗ 📜 styles.css
 ┃ ┣ 📜 package.json
 ┃ ┗ 📜 vite.config.js
 ┣ 📂 backend  # Express.js + MongoDB Backend
 ┃ ┣ 📂 models
 ┃ ┣ 📂 routes
 ┃ ┣ 📜 server.js
 ┃ ┣ 📜 package.json
 ┃ ┗ 📜 .env
 ┣ 📜 README.md
 ┗ 📜 .gitignore

</details>

⚡ Installation & Setup

Frontend Setup

Show Instructions

cd frontend
npm install
npm run dev

Backend Setup

Show Instructions

cd backend
npm install
npm start

---

🔗 API Endpoints

Method	Endpoint	Description
POST	/tasks	Create a new task
GET	/tasks	Retrieve all tasks
PUT	/tasks/:id	Update a task
DELETE	/tasks/:id	Delete a task

---

🏆 Contributing

Contributions are welcome! Feel free to fork the repo and submit a PR.

---

🎨 Dark Mode Preview

---

📜 License

---

Made with ❤️ by Tanjid Karim Shafin