{"id":22353475,"url":"https://github.com/akashdeep023/task_management","last_synced_at":"2025-04-12T18:11:24.584Z","repository":{"id":266368319,"uuid":"885930083","full_name":"akashdeep023/Task_Management","owner":"akashdeep023","description":"Designed and implemented a Task Management Application using React, Node.js, Express.js, and MongoDB. Key features include secure JWT authentication, dynamic task status management, real-time analytics dashboards, and collaborative task sharing. Integrated toast notifications for instant feedback and role-based access control for enhanced security.","archived":false,"fork":false,"pushed_at":"2024-12-07T18:01:09.000Z","size":224,"stargazers_count":9,"open_issues_count":4,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-26T12:32:58.331Z","etag":null,"topics":["desktop-application","expressjs","javasc","mern-stack","mongo","nodejs","reactjs","redux","task-management","task-scheduler","vanilla-css"],"latest_commit_sha":null,"homepage":"https://task-management-org.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akashdeep023.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-11-09T19:07:15.000Z","updated_at":"2025-03-25T08:05:49.000Z","dependencies_parsed_at":"2024-12-03T23:28:50.507Z","dependency_job_id":"0ad636e2-4027-4363-871a-eb2ec217c662","html_url":"https://github.com/akashdeep023/Task_Management","commit_stats":null,"previous_names":["akashdeep023/task_management"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FTask_Management","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FTask_Management/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FTask_Management/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashdeep023%2FTask_Management/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akashdeep023","download_url":"https://codeload.github.com/akashdeep023/Task_Management/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248610338,"owners_count":21132919,"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":["desktop-application","expressjs","javasc","mern-stack","mongo","nodejs","reactjs","redux","task-management","task-scheduler","vanilla-css"],"created_at":"2024-12-04T13:08:38.652Z","updated_at":"2025-04-12T18:11:24.555Z","avatar_url":"https://github.com/akashdeep023.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Task Management Application**\n\nThis is a Task Management Application built with a MERN stack. The front end is developed using React with Vite, and the back-end is built using Express.js with MongoDB for the database.\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cb style=\"color: blue;  \"\u003eVisitor count\u003c/b\u003e\n  \u003cbr\u003e\n  \u003ca style=\"\" href=\"https://github.com/akashdeep023\"\u003e\n  \u003cimg src=\"https://profile-counter.glitch.me/task-management/count.svg\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## 📜 Project Overview\n\n_A task management app, where users can organize their personal and team-based tasks, track progress, and share task updates. Users can manage their task boards with features to create, edit, assign, and delete tasks for themselves and other members._\n\n\u003cp align=\"center\"\u003eRegister Page\u003c/p\u003e\n\u003ca style=\"\" href=\"https://task-management-org.vercel.app/login\"\u003e\n     \n![Macbook-Air-localhost (1)](https://github.com/user-attachments/assets/d05bd3e9-e349-469b-a4d2-d828e3e76414)\n\n\u003c/a\u003e\n\u003cp align=\"center\"\u003eDashboard Page\u003c/p\u003e\n\u003ca style=\"\" href=\"https://task-management-org.vercel.app/\"\u003e\n     \n![Macbook-Air-localhost](https://github.com/user-attachments/assets/5643d5a6-b8ad-4516-a3dd-d12b0d9793e3)\n\n\u003c/a\u003e\n\u003cp align=\"center\"\u003ePublic View\u003c/p\u003e\n\u003ca style=\"\" href=\"https://task-management-org.vercel.app/task/67421bb3a90e252d2d4cb42e\"\u003e\n     \n![Macbook-Air-localhost (2)](https://github.com/user-attachments/assets/cde4fcb3-80c4-410d-9763-50281c9b2233)\n\n\u003c/a\u003e\n\n## **Table of Contents**\n\n-   [Features](#features)\n-   [Tech Stack](#tech-stack)\n-   [Setup Instructions](#setup-instructions)\n-   [Scripts](#scripts)\n-   [Live Demo](#live-demo)\n-   [Author](#author)\n-   [License](#license)\n\n---\n\n## **Features**\n\n-   User authentication using JWT.\n-   Secure password handling with bcrypt.js.\n-   State management with Redux Toolkit.\n-   User-friendly interface and Only public page Responsive.\n-   Toast notifications for feedback.\n-   RESTful APIs for seamless communication between frontend and backend.\n\n### **Core Functionalities**\n\n-   **User Authentication:**\n\n    -   Users can register and log in.\n    -   Only authenticated users can create and manage tasks.\n\n-   **Task Management:**\n\n    -   Create tasks with properties like priority, optional due dates, categories, and the ability to share tasks with others (read-only public access for shared tasks).\n    -   Update tasks, including title, priority, and due dates.\n    -   Delete tasks.\n    -   Change task statuses across four categories: **Backlog**, **To-Do**, **In-Progress**, and **Done**.\n    -   Automatically highlight overdue tasks with red and completed tasks with green.\n\n-   **User Management:**\n\n    -   Users can update their name, email, or password via the settings page.\n    -   Changes to email or password will log users out to ensure security.\n\n-   **Analytics \u0026 Filtering:**\n\n    -   Review task analytics in a dedicated section.\n    -   Filter tasks by **Today**, **This Week**, or **This Month** (default is the current week).\n\n-   **User-Friendly Interface:**\n\n    -   Task titles are truncated on the board for readability, with full titles accessible via tooltips.\n    -   Mandatory fields are marked with a red asterisk (\\*).\n    -   Notifications and alerts are provided via toast messages.\n\n-   **Collaboration:**\n    -   Add members to task boards.\n    -   Assign members to tasks during creation.\n\n### **Additional Features**\n\n-   Visual indicators for task statuses based on due dates:\n    -   **Red**: Overdue tasks in active categories.\n    -   **Green**: Tasks marked as done.\n-   Pre-filled user information for seamless updates on the settings page.\n\n## 🛠️ **Tech Stack**\n\n### **Frontend**\n\n-   **React**: UI library.\n-   **React Router DOM**: For routing.\n-   **Redux Toolkit**: State management.\n-   **React Icons**: Icon library.\n-   **React Toastify**: Notification handling.\n-   **Vite**: Frontend build tool.\n-   **Eslint**: Code quality and linting.\n\n### **Backend**\n\n-   **Express.js**: Backend framework.\n-   **Mongoose**: MongoDB object modeling.\n-   **JWT**: Secure token-based authentication.\n-   **Bcrypt.js**: Password encryption.\n-   **Dotenv**: Environment variable management.\n-   **Cors**: Cross-origin resource sharing.\n\n---\n\n## **Setup Instructions**\n\n### **Prerequisites**\n\n-   Install **Node.js (18.17.1)**.\n-   Install **npm** or **yarn**.\n-   MongoDB database.\n\n### **Backend Setup**\n\n1. Navigate to the backend directory:\n    ```bash\n    cd backend\n    ```\n2. Install dependencies:\n    ```bash\n    npm install\n    ```\n3. Create a `.env` file in the backend directory and add:\n    ```env\n    MONGODB_URI=mongodb://127.0.0.1:27017/task_management\n    FRONTEND_URL=http://localhost:5173\n    PORT=9000\n    JWT_SECRET=secret-kJKJllKKJJghLjOiUfcHGkMLgdJlLKDtrdyKLBJbRdesEkj\n    ```\n4. Start the server in development mode:\n    ```bash\n    npm run dev\n    ```\n\n### **Frontend Setup**\n\n1. Navigate to the frontend directory:\n    ```bash\n    cd frontend\n    ```\n2. Install dependencies:\n    ```bash\n    npm install\n    ```\n3. Create a `.env` file in the frontend directory and add:\n    ```env\n    VITE_BACKEND_URL=http://localhost:9000\n    VITE_FRONTEND_URL=http://localhost:5173\n    ```\n4. Start the development server:\n    ```bash\n    npm run dev\n    ```\n5. Open the application in your browser at `http://localhost:5173`.\n\n---\n\n## **Scripts**\n\n### **Frontend**\n\n| Script            | Description                                 |\n| ----------------- | ------------------------------------------- |\n| `npm run dev`     | Starts the development server.              |\n| `npm run build`   | Builds the production version of the app.   |\n| `npm run lint`    | Lints the codebase for errors and warnings. |\n| `npm run preview` | Previews the built application.             |\n\n### **Backend**\n\n| Script          | Description                                          |\n| --------------- | ---------------------------------------------------- |\n| `npm run start` | Starts the server in production mode.                |\n| `npm run dev`   | Starts the server in development mode using nodemon. |\n\n---\n\n## **Live Demo**\n\nCheck out the live demo of Task Management here: [Task Management](https://task-management-org.vercel.app)\n\n## **Author**\n\nAkash Deep \\\nEmail: contact.akashdeep023@gmail.com \\\nLinkedIn: https://www.linkedin.com/in/akashdeep023/\n\n## **Contributors**\n\nWe'd like to acknowledge the efforts and contributions of the following individuals:\n\n-   **[Akash Deep](https://github.com/akashdeep023)** - Full Stack development and Project lead.\n-   **[Ekant Verma](https://github.com/ekantverma)** - Full Stack development.\n-   **[Anjali Kumari](https://github.com/Anjali17aj)** - Full Stack development.\n-   **[Shanedra Singh](https://github.com/shanedraSingh/)** - Full Stack development.\n\n## **License**\n\nThis project is licensed under the [MIT License](LICENSE).\n\n---\n\nThank you for checking out my Task Management project! If you have any feedback or suggestions, I would love to hear from you.\nFeel free to contribute, report issues, or suggest improvements! 😊\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakashdeep023%2Ftask_management","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakashdeep023%2Ftask_management","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakashdeep023%2Ftask_management/lists"}