Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hawkpraveen/project_management_tool_frontend

This repo contains Front End code for the Project Management Tool. Built using MERN Stack.
https://github.com/hawkpraveen/project_management_tool_frontend

ant-design axios-react filesaver firebase-auth firebase-database flowbite jspdf-library momentjs netify react-beautiful-dnd react-big-calendar react-circular-progress-bar react-csv react-toastify reactjs redux redux-persist redux-toolkit router-dom tailwind-css

Last synced: about 1 month ago
JSON representation

This repo contains Front End code for the Project Management Tool. Built using MERN Stack.

Awesome Lists containing this project

README 

        
# About the Website



### Welcome to Project Management Tool, a management tool developed by me using the MERN stack (MongoDB, Express.js, React, and Node.js). This tool is designed to help individuals manage their projects more efficiently and effectively.



### Features :-



### Secure Access :-

Only authorized users can access the web app.

Secure Google login integration for easy and safe sign-in.

Task Details

View comprehensive task details including project name, description, technologies used, and deadlines. Handle your projects with a clear view of all essential information.



### Task Organization :-

Filter and organize tasks by categories, deadlines, descriptions, status, and priority. Easily find and manage tasks based on your specific needs and preferences.



### Project Management :-

Create, update, delete, and view projects. Access detailed project information including title, description, category, deadlines, and available actions.



### CRUD Operations :-

Boards: Create new project boards, view existing boards, update board details, and delete boards that are no longer needed.

Sections: Organize tasks within boards by creating sections. Update section details and delete them as required.

Tasks: Add new tasks to sections, view task details, update task information, and delete tasks to keep your project board clean and relevant.

Progress Monitoring

Monitor project progress with intuitive dashboards and detailed reports. Receive alerts for approaching deadlines, including today's deadlines and tasks due within one week.



### Dashboard Features :-

Contains tables to download individual reports of projects if the task status is closed.

Includes a calendar to view and manage deadlines and important dates.

Update user profile information such as username, password, and profile picture.

Reporting and Documentation

Generate comprehensive reports at the end of a project if the status is closed. Convert reports into documentation and download them for future reference. Download overall tasks for complete project documentation.



### Kanban Board Style :-

Utilize a Kanban board style interface for visual project management. Drag and drop tasks between sections to streamline your workflow.



### Theme Toggle :-

Switch between light and dark themes to suit your preference and working environment.



## Base URL - https://project-management-tool-mern.netlify.app/



### 🔖Endpoints - Public Routes



### ➡️ Login User

URL - https://project-management-tool-mern.netlify.app/signin



### ➡️ Register User

URL - https://project-management-tool-mern.netlify.app/signup



### ➡️ About Page

URL - https://project-management-tool-mern.netlify.app/about



### 🔖Endpoints - Private Routes



### ➡️ DashBoard

URL - https://project-management-tool-mern.netlify.app/dashboard?tab=dashboardhome



### ➡️ Calender

URL - https://project-management-tool-mern.netlify.app/dashboard?tab=calender



### ➡️ Project Boards

URL - https://project-management-tool-mern.netlify.app/dashboard?tab=boardslist



### ➡️ KanBan Board

URL - https://project-management-tool-mern.netlify.app/dashboard?tab=boarddetails



### ➡️ Task Page

URL - https://project-management-tool-mern.netlify.app/dashboard?tab=task



### ➡️ Task Lists

URL - https://project-management-tool-mern.netlify.app/dashboard?tab=tasklists



### ➡️ Profile Page

URL - https://project-management-tool-mern.netlify.app/dashboard?tab=profile



### Tech Stack



### FRONTEND LIBRARIES

  - React JS

  - Tailwind

  - FlowBite 

  - Ant Design

  - React-router-dom

  - Redux

  - Firebase

  - React Beautiful DnD

  - React Big Calendar

  - jsPDF

  - 

###  FRONTEND PACKAGES

  - Axios

  - File Saver

  - React Circular Progressbar

  - React CSV

  - React Toastify

  - 

###  BACKEND PACKAGES

  - bcryptjs

  - Express

  - Mongoose

  - Cors

  - JWT

    

## Screen Shots



[Home Page](https://github.com/Hawkpraveen/Project_Management_Tool_FrontEnd/assets/100344836/7507fea0-132d-4cf7-9f37-645a0d91ac3a)