{"id":25931048,"url":"https://github.com/salman679/task-management-frontend","last_synced_at":"2026-04-05T08:32:20.368Z","repository":{"id":279744950,"uuid":"939804365","full_name":"salman679/task-management-frontend","owner":"salman679","description":"This Task Management Application allows authenticated users to manage tasks by adding, editing, deleting, and reordering them across three categories: To-Do, In Progress, and Done. The app features a drag-and-drop interface and real-time synchronization with the database, making it a powerful tool for efficient task management.","archived":false,"fork":false,"pushed_at":"2025-02-28T10:05:39.000Z","size":414,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-18T08:51:06.230Z","etag":null,"topics":["mongodb","react","tawilwindcss","websocket"],"latest_commit_sha":null,"homepage":"https://task-management-frontend-smoky-eight.vercel.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/salman679.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-27T06:13:25.000Z","updated_at":"2025-03-09T16:24:48.000Z","dependencies_parsed_at":"2025-02-27T21:49:06.642Z","dependency_job_id":null,"html_url":"https://github.com/salman679/task-management-frontend","commit_stats":null,"previous_names":["salman679/task-managment","salman679/task-managment-frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/salman679/task-management-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/salman679%2Ftask-management-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/salman679%2Ftask-management-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/salman679%2Ftask-management-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/salman679%2Ftask-management-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/salman679","download_url":"https://codeload.github.com/salman679/task-management-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/salman679%2Ftask-management-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31430009,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T08:13:15.228Z","status":"ssl_error","status_checked_at":"2026-04-05T08:13:11.839Z","response_time":75,"last_error":"SSL_read: 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":["mongodb","react","tawilwindcss","websocket"],"created_at":"2025-03-03T23:57:14.345Z","updated_at":"2026-04-05T08:32:20.327Z","avatar_url":"https://github.com/salman679.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📝 **Task Management Application**\n\n## 📖 **Description**\n\nThis **Task Management Application** allows authenticated users to manage tasks by adding, editing, deleting, and reordering them across three categories: **To-Do**, **In Progress**, and **Done**. The app features a drag-and-drop interface and real-time synchronization with the database, making it a powerful tool for efficient task management.\n\n---\n\n## 🔑 **Key Features**\n\n- **Authentication**: Sign in using Google through Firebase Authentication.\n- **Task Management**: Add, edit, delete, and reorder tasks easily.\n- **Real-Time Sync**: Changes are saved instantly in the database and stay updated across sessions.\n- **Responsive UI**: Optimized for both desktop and mobile devices.\n- **Drag-and-Drop**: Easily move tasks between categories and reorder them.\n- **Persistence**: Tasks remain in their last state across page refreshes.\n- **Clean UI**: Modern minimalistic design with up to 4 colors for a pleasant experience.\n\n---\n\n### 🎉 **Bonus Features** (Optional)\n\n- 🌙 Dark Mode Toggle\n- ⏰ Task Due Dates with Color Indicators (overdue tasks marked red)\n- 📝 Activity Log to Track Task Changes (e.g., \"Task moved to Done\")\n\n---\n\n## 🌐 **Live Links**\n\n- **Frontend**: [Live Frontend](https://your-live-link.com)\n- **Backend**: [Live Backend API](https://your-live-backend.com)\n\n---\n\n## ⚙️ **Technologies Used**\n\n- **Frontend**: React, Vite.js, react-beautiful-dnd (or other drag-and-drop libraries), Firebase Authentication\n- **Backend**: Express.js, MongoDB\n- **Real-Time Updates**: WebSockets or MongoDB Change Streams\n- **UI Design**: Modern minimalistic design using a maximum of 4 colors\n\n---\n\n## 💻 **Installation**\n\n### **Frontend**\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/salman679/task-management-frontend.git\n   ```\n2. Navigate to the project folder:\n   ```bash\n   cd task-management-frontend\n   ```\n3. Install dependencies:\n   ```bash\n   npm install\n   ```\n4. Run the development server:\n   ```bash\n   npm run dev\n   ```\n\n### **Backend**\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-username/task-management-backend.git\n   ```\n2. Navigate to the project folder:\n   ```bash\n   cd task-management-backend\n   ```\n3. Install dependencies:\n   ```bash\n   npm install\n   ```\n4. Set up MongoDB and create a `.env` file for environment variables (MONGODB_URI, JWT_SECRET, etc.).\n5. Run the server:\n   ```bash\n   npm start\n   ```\n\n---\n\n## 🔧 **API Endpoints**\n\n- **POST /tasks**: Add a new task  \n  Request Body:\n\n  ```json\n  {\n    \"title\": \"Task Title\",\n    \"description\": \"Task description\",\n    \"category\": \"To-Do\"\n  }\n  ```\n\n- **GET /tasks**: Retrieve all tasks for the logged-in user  \n  Response:\n\n  ```json\n  [\n    {\n      \"id\": \"taskId\",\n      \"title\": \"Task Title\",\n      \"description\": \"Task description\",\n      \"category\": \"To-Do\",\n      \"timestamp\": \"2025-02-27T00:00:00Z\"\n    },\n    ...\n  ]\n  ```\n\n- **PUT /tasks/:id**: Update task details (title, description, category)  \n  Request Body:\n\n  ```json\n  {\n    \"title\": \"Updated Title\",\n    \"description\": \"Updated description\",\n    \"category\": \"In Progress\"\n  }\n  ```\n\n- **DELETE /tasks/:id**: Delete a task\n\n---\n\n## 🗂️ **Folder Structure**\n\n```\n/task-management-app\n  /frontend       # React frontend\n    /src\n      /components  # React components\n      /hooks       # Custom hooks\n      /pages       # App pages\n      /services    # API services\n      App.js\n      index.js\n    .env           # Firebase config, etc.\n    package.json\n  /backend        # Express backend\n    /controllers  # CRUD operation handlers\n    /models       # MongoDB schemas\n    /routes       # API routes\n    server.js     # Main server file\n    .env          # MongoDB connection, JWT_SECRET, etc.\n    package.json\n```\n\n---\n\n## 📦 **Dependencies**\n\n- **Frontend**: React, Vite.js, react-beautiful-dnd, Firebase Authentication, Axios\n- **Backend**: Express.js, MongoDB, Mongoose, dotenv, WebSockets or MongoDB Change Streams\n- **Others**: CORS, body-parser\n\n---\n\n## 🚀 **Conclusion**\n\nThis **Task Management Application** provides an intuitive and powerful way to organize tasks efficiently, with real-time updates and a user-friendly drag-and-drop interface. Whether you're using it on desktop or mobile, this app will keep you productive and organized.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsalman679%2Ftask-management-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsalman679%2Ftask-management-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsalman679%2Ftask-management-frontend/lists"}