Prototype implementation of a web-based CMMS system using the MERN stack.

Group No. 7
Nada Ashraf
Khalid Maher
Ali Gamal
Sara Mohamad

How to run

1. Install backend dependancies: cd backend && npm install

2. Install frontend dependancies: cd .. && cd frontend && npm install

3. run server and client: npm run dev

Output: Departments reports

• The manager can view all preventive maintenance and work orders work reports for each department.

• The supervisor of a department can view preventive maintenance and work orders work reports for that department.

• The details of each report can be viewd by clicking on View Report button.

1. Cardiology Report

Fig: Cardiology reports

2. Surgery Report

Fig: Surgery reports

3. Reception Report

Fig: Reception reports

Work Flow

Work Orders

1. The department supervisor start a work order and assign it to a technican.

Fig: Create work order form

2. The technican complete the work order and write a report back to the supervisor.

Fig: Return report form

Preventive Maintenance

1. The system manager add the preventive maintenance required for a specfic asset when registering it in the system for the first time.

Fig: Add PM

2. The department supervisor assign PM work to a technician.

Fig: Assign PM work

3. The technican complete the work order and write a report back to the supervisor.

Fig: Return report form

UI Overview

1. Login page

• System users land on a login page, type their email and password.
• The email and password are provided to employees by the system manager.
• If there is any error, the form sends an error message.

---

2. Manager UI

2.1 Assets

The manager can:

1. View all assets in the hospital.
2. Add a new asset information
3. View details of the asset
4. Delete an asset

Fig. 2.1.1: Asset list

Fig. 2.1.2: Form for adding new asset

Fig. 2.1.3: Asset details

2.2 Employees

The manager can:

1. View all employees in the hospital.
2. Register a new employee
3. Delete an employee

Fig. 2.2.1: Employees list

Fig. 2.2.1: Employee Registeration form

2.3 Preventive maintenance

The manager can:

1. List all preventive maintenance required for assets.
2. Add preventive maintenance required for an asset when registering it.
3. View the instructions of a PM.
4. Delete a PM.

Fig. 2.3.1: Preventive maintenance list

Fig. 2.3.2: Add PM

Fig. 2.3.3: Instructions of a PM

2.4 Work Orders

The manager can:

1. List all work orders for assets.
2. View the instructions of a work order.

Fig. 2.4.1: Work orders list

Fig. 2.4.2: Instructions of a WO

2.5 Reports

The manager can view all PM and WO reports.

Fig. 2.5.1: Work orders reports list

Fig. 2.5.2: Details of a report

---

3. Department Supervisor UI

3.1 Assets

Supervisor of a department can:

1. View all assets in his department.
2. View details of department assets.

Fig. 3.1.1: Department Assets

3.2 Employees

Supervisor can list employees in his department.

Fig. 3.2.1: Department Employees

3.3 Preventive maintenance

Supervisor of a department can:

1. View all preventive maintenance required in his department.
2. View details of a specfic PM.
3. Assign PM work to a technician in his department

Fig. 3.3.1: Department Required PMs

Fig. 3.3.1: Assign PM work

3.4 Work Orders

The supervisor can:

1. List all work orders in his department.
2. Create a new work order and assign it to a technican.

Fig. 3.4.1: List of of department workorders

Fig. 3.4.1: Create work order form

3.5 Reports

The manager can view all department PM and WO reports.

---

4. Technician

4.1 Assets

Technican can:

1. View all assets in his department.
2. View details of department assets.

4.2 Preventive maintenance

Technican can:

1. View preventive maintenance work assigned to him.
2. View details of a specfic PM that is assigned to him.
3. Write a report about the work assigned to him.

Fig. 4.2.1: PMs list

Fig. 4.2.2: Return report form

4.3 Work Orders

1. View work orders assigned to him.
2. View details of a specfic WO that is assigned to him.
3. Write a report about the work assigned to him.

Fig. 4.3.1: WOs list

Fig. 4.3.2: Return report form

Folder structure

For more info about folder structure click here.