{"id":23744782,"url":"https://github.com/rajsoni06/protrack","last_synced_at":"2026-04-04T08:35:58.564Z","repository":{"id":270313247,"uuid":"909966694","full_name":"rajsoni06/ProTrack","owner":"rajsoni06","description":"Developed a Task Management App with React, Node.js, Express, and MongoDB, featuring JWT authentication, dynamic task management, real-time dashboards, collaborative task sharing, toast notifications, and role-based access control.","archived":false,"fork":false,"pushed_at":"2024-12-30T07:58:49.000Z","size":147,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-12-30T08:32:34.519Z","etag":null,"topics":["expressjs","jwt-auth","mongodb","mysql","nodejs","react","redux","rest-api"],"latest_commit_sha":null,"homepage":"https://task-management-org.vercel.app/login","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/rajsoni06.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":"2024-12-30T07:04:39.000Z","updated_at":"2024-12-30T07:58:52.000Z","dependencies_parsed_at":"2024-12-30T08:32:39.254Z","dependency_job_id":"b16df6f3-5627-4232-8944-bfc907f2ecbf","html_url":"https://github.com/rajsoni06/ProTrack","commit_stats":null,"previous_names":["rajsoni06/protrack-"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajsoni06%2FProTrack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajsoni06%2FProTrack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajsoni06%2FProTrack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajsoni06%2FProTrack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rajsoni06","download_url":"https://codeload.github.com/rajsoni06/ProTrack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239898460,"owners_count":19715212,"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":["expressjs","jwt-auth","mongodb","mysql","nodejs","react","redux","rest-api"],"created_at":"2024-12-31T12:49:00.670Z","updated_at":"2025-12-30T19:00:53.581Z","avatar_url":"https://github.com/rajsoni06.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Real-Time Feedback Dashboard**\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## 📜 Project Overview\n\n_A Real-Time Feedback Dashboard 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 (2)](https://github.com/user-attachments/assets/133e74d8-cfb7-449e-a8fe-743d76e107f6)\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 (3)](https://github.com/user-attachments/assets/889d9620-af36-482b-9b21-47278593375d)\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\nRaj Anand Soni \\\nEmail: sonirajanand677@gmail.com \\\nLinkedIn: https://www.linkedin.com/in/raj-anand-soni-037541212 \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%2Frajsoni06%2Fprotrack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frajsoni06%2Fprotrack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frajsoni06%2Fprotrack/lists"}