Task / Project Management System using React JS + Spring Boot + MySQL
Task Management System or Project Management System Project in React JS & Spring Boot is a full-stack project which can be used by the Administrator to handle all the tasks or projects. The projects which will come to the admin, he can add in the system, then after adding he can assign this project or task to the manager, and after that manager can assign this project to the employee based on the time availability and employee capability and at the end, an employee will complete the project or task and after completion, he can update the project status in the system.
This is a Major level Full Stack project, that can be used by CS, IT Final Year Students, and Post-Graduate Students for learning purposes.
Project Management System Project Home Page
.png "task management system home page")
Technologies Used in Project Management System Project
1. Spring Boot (REST APIS)
2. React JS (Frontend)
3. MySQL for Database
4. Maven for project management
5. Bootstrap (Styling)
Software Used in Project Management System Project
1. STS (Spring Tool Suite)
For developing our backend, task management system project using Spring Boot, we have used STS (Spring Tool Suite) or Eclipse Ide. But yes, we can use other IDEs also like Intellij Idea, NetBeans, etc.
2. VS Code (Visual Studio Code)
For developing our frontend, task management system project using react js, we have used VS Code (Visual Studio Code).
3. MySQL Workbench
For efficient querying and manipulation of our Project's information, we have used MySQL Workbench.
Note: If we want to use other databases other than Mysql like Postgresql or Oracle, etc we can use that also, for that, we have to do the simple configuration.
User Modules in Task Management System Project
The project basically has three user modules:
1) ADMINISTRATOR MODULE
2) MANAGER MODULE
3) EMPLOYEE MODULE
Functional Modules in Task Management System Project
1) User Authentication Module:
The registration and Login system has been added so that only authenticated users (Admin, Manager & Customer) can perform their functionalities.
2) Manager Module:
Register Manager, View Managers, Delete Manager, Change Password.
3) Employee Module:
Register Employee, View Employees, Delete Employee, Change Password.
4) Project Module:
Add Project, View Project, Assign Project to Manager, Assign Project To Employee, Update Project Status.
Overview of Task Management System
The Task Management System Project using React Js and Spring Boot is a 3-module project where Administrator can add the project or task to the project management system with the deadline. After adding the project to the system, and now Admin will assign this project to the manager based on the manager's project knowledge.
Once a task or project is assigned to the manager, now the manager can log in to the system, and he will be able to see the Task or Project which is assigned to him by the admin with the project deadline. So after this Manager can assign the project to the Employee based on the employee's capability. If any new Employee comes then the manager can register into the system.
Now, Once the task or Project is assigned to the Employee by the Manager, that Employee will be able to see all the projects which are assigned to him with the deadline. So now after completion of the project or task, Employee can update the project status at any time.
And at the end, Admin will be able to see all the project details in the admin dashboard.
You can also read about Employee Management System Project using React Js and Spring Boot Microservices and MySQL.
ROLES OF USER
ADMIN ROLE
1) Admin will be able to Register into the System.
For the admin register, we have separate URLs i.e (http://localhost:3000/user/admin/register)
2) Admin can log in to the System.
All Users (Admin, Manager & Customer) can log in to the system by selecting the role.
3) Admin can register the manager in the system in the project management system.
4) Admin can view all the managers in the system.
Admin can all the managers present in the system and he can remove the manager at any time by clicking on the Remove Button.
5) Admin can view all the employees in the system.
Admin can all the employees present in the system and he can remove the employee at any time by clicking on the Remove Button.
6) Admin can add the project to the project management system.
7) Admin can view all the projects added by him.
Admin can view all the projects present in a task management system that is added to him. And after this, he can search the projects by using the Project Name and Project Id.
7) Admin can assign the project to the Manager
In the above picture, we can see the button Assign to Manager, so when the admin will click on it then he will get redirected to the Assign project to Manager page as shown below.
MANAGER ROLE
1) Manager can see the assigned project.
Managers can view all the projects which are assigned to them by the admin as shown below.
2) Manager can assign projects to employees.
In the above picture, we can see the button Assign to Employee, so when the manager will click on it then he will get redirected to the Assign project to Employee page as shown below.
3) Manager can register the employee in the system in the project management system.
4) Manager can view all the employees in the system.
Managers can view all the employees present in the system and they can remove the employee at any time by clicking on the Remove Button.
4) Manager can change the password
EMPLOYEE ROLE
1) Employees can see the assigned project.
Employees can view all the projects which are assigned to them by the manager as shown below.
2) Employees can update the project status
In the above picture, we can see the button Update Project Status, so when the employees will click on it then they will get redirected to the Update Project Status page as shown below.
Other useful projects using React & Spring Boot
1) Employee Management System using Spring Boot Microservices & React.
2) Hospital Management System using Spring Boot & React.
3) E-commerce Project using Spring Boot & React.
4) Gym Management System using Spring Boot & React.
5) Train Ticket Booking System using Spring Boot Microservices & React.
6) Hotel Booking System using Spring Boot & React.
7) Online Bike Service Project using Spring Boot & React.
8) Online Banking System using Spring Boot & React.
9) Turf Booking System Project using Spring Boot & React.
10) Airline Reservation System using Spring Boot & React.
11) Multi-Vendor E-commerce Project using Spring Boot & React.
12) Multi Vendor Online Food Ordering Project using Spring Boot & React.
13) Online Job Portal using Spring Boot & React.
14) Courier Management System Project using Spring Boot & React.
15) Online Bidding System Project using Spring Boot & React.
16) Online Exam Portal Project using Spring Boot & React.
Students can use this project for learning and can submit the project for their final year or Internship projects.
IF YOU WANT THE PROJECT DO CONTACT ME.
I will give you the full project SOURCE CODE and I will do a COMPLETE SET-UP of the project on your PC or Laptop remotely.
Or You can simply Request for the Project Source Code & Set Up by clicking on the below button.
MAIL ME AT codewithmurad@gmail.com
DM ME ON INSTAGRAM at @codewithmurad
DM ME ON FACEBOOK at @codewithmurad
DM ME ON TELEGRAM at @codewithmurad
Connect on My Discord Server: CLICK HERE
.png)
0 Comments