{"id":25677977,"url":"https://github.com/shahriarkawsik/task-management","last_synced_at":"2026-05-03T23:36:47.331Z","repository":{"id":278885428,"uuid":"937075420","full_name":"Shahriarkawsik/Task-Management","owner":"Shahriarkawsik","description":"A real-time task management app with drag-and-drop, authentication, and instant updates using WebSockets.","archived":false,"fork":false,"pushed_at":"2025-02-22T09:36:23.000Z","size":692,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T10:26:30.976Z","etag":null,"topics":["drag-and-drop","react","taildwindcss","websocket"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Shahriarkawsik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-22T09:18:55.000Z","updated_at":"2025-02-22T09:39:15.000Z","dependencies_parsed_at":"2025-02-22T10:26:34.327Z","dependency_job_id":"798d1674-ad85-4e6c-a557-b3db1b19c711","html_url":"https://github.com/Shahriarkawsik/Task-Management","commit_stats":null,"previous_names":["shahriarkawsik/task-management"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shahriarkawsik%2FTask-Management","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shahriarkawsik%2FTask-Management/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shahriarkawsik%2FTask-Management/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shahriarkawsik%2FTask-Management/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Shahriarkawsik","download_url":"https://codeload.github.com/Shahriarkawsik/Task-Management/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240502689,"owners_count":19811853,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["drag-and-drop","react","taildwindcss","websocket"],"created_at":"2025-02-24T15:27:45.762Z","updated_at":"2026-05-03T23:36:47.294Z","avatar_url":"https://github.com/Shahriarkawsik.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Task Management Application\n\n## 📌 Description\n\nA real-time **Task Management Application** where users can **add, edit, delete, reorder, and move tasks** across three categories: **To-Do, In Progress, and Done**. The app ensures **instant updates** using **WebSockets** and **MongoDB Change Streams**.\n\n## 🚀 Live Demo\n\n🔗 [Live App URL](https://task-management-b48d5.web.app)\n\n## 📸 Features\n\n- 🔐 **Authentication**: Firebase Google Sign-In.\n- ✅ **Task Management**: Create, edit, delete, and reorder tasks.\n- 📂 **Drag and Drop**: Move tasks between categories.\n- 💾 **Real-time Sync**: Uses WebSockets for live updates.\n- 🎨 **Modern UI**: Built with **Vite.js, Tailwind CSS, and React**.\n- 📱 **Fully Responsive**: Works smoothly on **desktop \u0026 mobile**.\n\n## ⚙️ Tech Stack\n\n### **Frontend**\n\n- ⚛️ React.js (with Vite.js)\n- 🎨 Tailwind CSS + DaisyUI\n- 🏗️ @dnd-kit/core (Drag \u0026 Drop)\n- 🔥 Firebase Authentication\n\n### **Backend**\n\n- 🟢 Node.js \u0026 Express.js\n- 🍃 MongoDB (with Change Streams)\n- ⚡ WebSockets (Socket.io)\n\n## 🛠️ Installation Steps\n\n1. **Clone the Repository**:\n   ```sh\n   git clone https://github.com/Shahriarkawsik/Task-Management.git\n   cd Task-Management\n   ```\n2. **Frontend Setup**:\n   ```sh\n   cd client\n   npm install\n   npm run dev\n   ```\n3. **Backend Setup**:\n   ```sh\n   cd server\n   npm install\n   npm start\n   ```\n4. **Set Up Environment Variables**:\n   - Create a `.env` file in the backend folder.\n   - Add your MongoDB URI and Firebase API credentials.\n\n## 📡 API Endpoints\n\n| Method | Endpoint     | Description         |\n| ------ | ------------ | ------------------- |\n| POST   | `/tasks`     | Add a new task      |\n| GET    | `/tasks`     | Retrieve all tasks  |\n| PUT    | `/tasks/:id` | Update task details |\n| DELETE | `/tasks/:id` | Delete a task       |\n\n## 🎯 Folder Structure\n\n```\n/task-management-app\n ├── client (Frontend - React.js)\n │   ├── public\n │   ├── src\n │   │   ├── components\n │   │   ├── context\n │   │   ├── hooks\n │   │   ├── Layout\n │   │   ├── pages\n │   │   ├── styles\n │   ├── .env\n │   ├── vite.config.js\n │   ├── package.json\n │\n ├── server (Backend - Node.js \u0026 Express.js)\n │   ├── routes\n │   ├── models\n │   ├── controllers\n │   ├── config\n │   ├── .env\n │   ├── server.js\n │   ├── package.json\n │\n ├── README.md\n```\n\n## 🚀 Future Enhancements\n\n- 🌑 **Dark Mode** toggle.\n- 📅 **Task Due Dates** with color indicators.\n- 📊 **Activity Log** for tracking changes.\n\n💻 **Developed by**: [Md. Shahriar Kabir](https://github.com/Shahriarkawsik) 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahriarkawsik%2Ftask-management","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshahriarkawsik%2Ftask-management","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahriarkawsik%2Ftask-management/lists"}