{"id":25770422,"url":"https://github.com/mdashraful24/task-management-app-client","last_synced_at":"2026-04-05T22:36:48.672Z","repository":{"id":278445570,"uuid":"935647854","full_name":"mdashraful24/task-management-app-client","owner":"mdashraful24","description":"The Task Management Application is a full-featured tool that allows users to manage their tasks with ease. It includes functionality to add, edit, delete, reorder, and categorize tasks using a drag-and-drop interface. Tasks are categorized into To-Do, In Progress, and Done.","archived":false,"fork":false,"pushed_at":"2026-02-18T21:15:14.000Z","size":39532,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-19T02:33:15.620Z","etag":null,"topics":["dnd","expressjs","firebase","mongodb-atlas","nodejs","reactjs","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"https://taskmanagement-7a430.web.app/","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/mdashraful24.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-02-19T19:34:44.000Z","updated_at":"2026-02-18T21:15:18.000Z","dependencies_parsed_at":"2025-07-10T19:18:54.186Z","dependency_job_id":"f30c308d-1595-46f4-9354-5b326d057cca","html_url":"https://github.com/mdashraful24/task-management-app-client","commit_stats":null,"previous_names":["mdashraful24/task-management-app-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mdashraful24/task-management-app-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Ftask-management-app-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Ftask-management-app-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Ftask-management-app-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Ftask-management-app-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdashraful24","download_url":"https://codeload.github.com/mdashraful24/task-management-app-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Ftask-management-app-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31452899,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"ssl_error","status_checked_at":"2026-04-05T21:22:51.943Z","response_time":75,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["dnd","expressjs","firebase","mongodb-atlas","nodejs","reactjs","tailwindcss","vite"],"created_at":"2025-02-27T02:29:24.125Z","updated_at":"2026-04-05T22:36:48.592Z","avatar_url":"https://github.com/mdashraful24.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Task Management Application\n\n**Task Management Application** is a modern, responsive, and user-friendly task management tool built with **React**, **Express.js**, and **MongoDB**. It allows users to organize tasks into three categories: **To-Do**, **In Progress**, and **Done**. The app features a drag-and-drop interface, real-time database synchronization, and Firebase authentication for secure access.\n\n🚀 **Live Demo:** [https://taskmanagement-7a430.web.app/]\n\n---\n\n## 📖 Table of Contents\n\n- [Features](#features)\n- [Technology Stack](#technology-stack)\n- [Installation](#installation)\n- [Configuration (.env)](#configuration-env)\n- [Usage](#usage)\n- [API Endpoints](#api-endpoints)\n- [Bonus Features](#bonus-features)\n- [Acknowledgments](#acknowledgments)\n\n---\n\n## ✨ Features\n\n- **Authentication** – Secure login using **Firebase Authentication** (Google Sign-In).\n- **Task Management** – Add, edit, delete, and reorder tasks with a drag-and-drop interface.\n- **Task Categories** – Organize tasks into **To-Do**, **In Progress**, and **Done**.\n- **Real-Time Sync** – Instant database updates using **MongoDB Change Streams** or **WebSockets**.\n- **Responsive Design** – Fully responsive UI for desktop and mobile devices.\n- **Clean UI** – Minimalistic design with a maximum of four colors for a professional look.\n- **Persistence** – Tasks are saved in the database and persist across sessions.\n\n---\n\n## 🛠️ Technology Stack\n\n| Category           | Technologies Used                                                 |\n| ------------------ | ----------------------------------------------------------------- |\n| **Frontend**       | React, Vite.js, Tailwind CSS, @hello-pangea/dnd (drag-and-drop) |\n| **Backend**        | Node.js, Express.js                                               |\n| **Database**       | MongoDB (Atlas)                                          |\n| **Authentication** | Firebase Authentication                                           |                             |\n| **Hosting**        | Firebase (Frontend), Vercel (Backend), MongoDB Atlas (Database)             |\n\n---\n\n## 🛠 Installation\n\n### Prerequisites\n\n- **Node.js** (\u003e= 18)\n- **MongoDB Atlas**\n- **Firebase Project** (for authentication)\n\n### Steps\n\n1. **Clone the repository**\n\n   ```sh\n   git clone https://github.com/mdashraful24/task-management-app-server.git\n   cd task-management-app\n   ```\n\n2. **Install dependencies**\n\n   ```sh\n   npm install\n   cd client\n   npm install\n   ```\n\n3. **Set up environment variables** (see `.env` example below)\n\n4. **Run the development server**\n\n   - Backend:\n     ```sh\n     npm run dev\n     ```\n   - Frontend:\n     ```sh\n     cd client\n     npm run dev\n     ```\n\n---\n\n## ⚙️ Configuration (.env)\n\nCreate a `.env` file in the root directory and configure the following:\n\n```env\n# Firebase Configuration\nVITE_FIREBASE_API_KEY=YOUR_FIREBASE_API_KEY\nVITE_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN\nVITE_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID\nVITE_FIREBASE_STORAGE_BUCKET=YOUR_FIREBASE_STORAGE_BUCKET\nVITE_FIREBASE_MESSAGING_SENDER_ID=YOUR_FIREBASE_MESSAGING_SENDER_ID\nVITE_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID\n\n# MongoDB Configuration\nMONGO_URI=YOUR_MONGODB_URI\n\n# Server Configuration\nPORT=5000\n```\n\n🚨 **Important:** Never expose your `.env` file in public repositories. Use `.gitignore` to keep it secure.\n\n---\n\n## 🚀 Usage\n\n1. **Sign In** – Use Google Sign-In to authenticate.\n2. **Add Tasks** – Create tasks with a title and optional description.\n3. **Drag \u0026 Drop** – Move tasks between **To-Do**, **In Progress**, and **Done**.\n4. **Edit \u0026 Delete** – Update or remove tasks as needed.\n5. **Real-Time Updates** – Changes are saved instantly and persist across sessions.\n\n---\n\n## 📄 API Endpoints\n\n| Method | Endpoint        | Description                          |\n| ------ | --------------- | ------------------------------------ |\n| POST   | `/tasks`        | Add a new task                       |\n| GET    | `/tasks`        | Retrieve all tasks for the user      |\n| PUT    | `/tasks/:id`    | Update a task (title, description, category) |\n| DELETE | `/tasks/:id`    | Delete a task                        |\n\n---\n\n## 🎁 Others Features\n\n- **Dark Mode** – Toggle between light and dark themes.\n- **Task Due Dates** – Add due dates with color indicators (e.g., overdue tasks turn red).\n- **Activity Log** – Track changes like \"Task moved to Done\".\n\n---\n\n## Acknowledgments\n\n- **Firebase** for providing secure authentication.\n- **MongoDB** for real-time database synchronization.\n- **React** and **Vite.js** for a fast and modern frontend.\n- **Tailwind CSS** for a clean and responsive design.\n- **hello-pangea/dnd** for the drag-and-drop functionality.\n\n---\n\n## 🌍 Live Demo\n\nYou can view the live version of the **Task Management Application** at the following link:\n\n- **Live Site 1:** [https://taskmanagement-7a430.web.app/]\n- **Live Site 2:** [https://taskmanagement-7a430.firebaseapp.com/]\n\n🚀 **Organize your tasks efficiently with this modern task management tool!** 📋✨\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdashraful24%2Ftask-management-app-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdashraful24%2Ftask-management-app-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdashraful24%2Ftask-management-app-client/lists"}