{"id":29452568,"url":"https://github.com/mdashraful24/neumorphic-task-management-app-client","last_synced_at":"2026-04-08T16:01:27.637Z","repository":{"id":304388823,"uuid":"1017993332","full_name":"mdashraful24/neumorphic-task-management-app-client","owner":"mdashraful24","description":"The Neumorphic Task Manager Application is a comprehensive tool designed to help users efficiently organize and track their tasks. It provides features for creating, updating, deleting, and rearranging tasks through an intuitive drag-and-drop interface. Tasks are sorted into three categories: To-Do, In Progress, and Done.","archived":false,"fork":false,"pushed_at":"2025-12-15T11:21:17.000Z","size":18646,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-12-18T12:18:40.814Z","etag":null,"topics":["dnd","expressjs","firebase","mongodb-atlas","neumorphic-design","nodejs","reactjs","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"https://neumorphictaskmanager.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}},"created_at":"2025-07-11T12:30:35.000Z","updated_at":"2025-12-15T11:21:21.000Z","dependencies_parsed_at":"2025-07-12T20:53:04.439Z","dependency_job_id":null,"html_url":"https://github.com/mdashraful24/neumorphic-task-management-app-client","commit_stats":null,"previous_names":["mdashraful24/neumorphic-task-management-app-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mdashraful24/neumorphic-task-management-app-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Fneumorphic-task-management-app-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Fneumorphic-task-management-app-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Fneumorphic-task-management-app-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Fneumorphic-task-management-app-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdashraful24","download_url":"https://codeload.github.com/mdashraful24/neumorphic-task-management-app-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdashraful24%2Fneumorphic-task-management-app-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562696,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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","neumorphic-design","nodejs","reactjs","tailwindcss","vite"],"created_at":"2025-07-13T22:09:08.020Z","updated_at":"2026-04-08T16:01:27.633Z","avatar_url":"https://github.com/mdashraful24.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Neumorphic Task Manager Application\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg height=\"500\" src=\"https://drive.google.com/uc?export=view\u0026id=1BylRZzneKWSa1UiO_HUQ3DKvu1hTH9tK\" /\u003e\n\u003c/div\u003e\n\nThe **Neumorphic Task Manager Application** is an all-in-one solution for managing daily tasks effectively. It allows users to add, edit, delete, and organize tasks using a smooth drag-and-drop feature. Tasks are categorized into three clear sections: **To-Do**, **In Progress**, and **Done**, making it easy to monitor progress and stay productive through a user-friendly interface inspired by neumorphic design.\n\n🚀 **Live Demo:** [ProTasker](https://neumorphictaskmanager.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## Project Structure\n\n```bash\n├── components/\n│   │   ├── ActivityLog/\n│   │   │   ├── ActivityLog.jsx\n│   │   │   └── FetchLogs.jsx\n│   │   ├── DroppableColumn/\n│   │   │   └── DroppableColumn.jsx\n│   │   ├── SocialLogin/\n│   │   │   └── SocialLogin.jsx\n│   │   ├── TaskBoard/\n│   │   │   └── TaskBoard.jsx\n│   │   ├── TaskCard/\n│   │   │   └── TaskCard.jsx\n│   │   └── WelcomePage/\n│   │       └── WelcomePage.jsx\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/neumorphic-task-management-app-client.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- **Another Live Site:** [ProTasker](https://neumorphictaskmanager.firebaseapp.com/)\n\n🚀 **Organize your tasks efficiently with this modern task management tool!** 📋✨\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdashraful24%2Fneumorphic-task-management-app-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdashraful24%2Fneumorphic-task-management-app-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdashraful24%2Fneumorphic-task-management-app-client/lists"}