Schedule Management App with React
Tags: scheduler
Published: 2023-11-11 02:56:25

---
title: Schedule Management App with React
published: true
date: 2023-11-11 00:01:00 UTC
tags: Scheduler
canonical_url: https://reactjsexample.com/schedule-management-app-with-react/
---

# Schedule Management App
 ![Schedule Management App with React](https://reactjsexample.com/content/images/2023/11/Code_2023-11_19-55-47.jpg)

**Description :** _This our academic course Database managemnt System Cource’s project where we try to build a web-app by using ReactJs, NodeJS, ExpressJs, MySQL, MaterialUI for manage schedule for any organization. The main goal of this project is gain much knowledge about the database called SQL._

## How to Run The Project

**Prerequisite :** Install Node JS version above 16, sql and mysql workbench for storing the data. **Prerequisite :** Install Node JS version above 16. **Step – 1 :** Clone the git repository. **Step – 2 :** Open two different terminals and go to one Scheduling/Backend and another Scheduling/frontend. **Step – 3 :** Give this command npm install. **Step – 4 :** Then npm start.

# Project View

## Home page – ![Schedule Management App with React](https://github.com/smalhasib/Scheduling/assets/52797621/eb1afe75-b68f-4411-9f70-52d57121d3c8)

## Register page – ![Schedule Management App with React](https://github.com/smalhasib/Scheduling/assets/52797621/501c595a-0668-4c71-9a98-a68d580a4576)

## Login page – ![Schedule Management App with React](https://github.com/smalhasib/Scheduling/assets/52797621/5b4a0adc-7a3e-45df-9fe4-8d9923f8dfd9)

## Dashboard page – ![Schedule Management App with React](https://github.com/smalhasib/Scheduling/assets/52797621/b9f10c75-ee50-44a3-ad32-cbb3ebec5747)

## Managers List and Add option –

![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280504945-d20e1df5-eea6-41bd-92a2-cf8fec82d06b.png) ![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280504947-fb2ef2a9-ddc9-4ef9-8e15-1196917935c2.png)

## Workers –

![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280504965-cbb880cb-067b-41c7-8d2a-737e9159398c.png)

## Teams –

![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280504972-932c20d2-6e16-49ae-9d8f-f419965ee5a9.png)

## Projects –

![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280504983-c66b3d81-ce40-4d59-ad0c-cf160189d3bc.png) ![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280505013-d0e5d76a-e553-4108-ac8d-6daaa342b611.png)

## Shift and Schedule create and list –

![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280505030-dcebab9a-f406-474c-ae93-3dc85f4e0d5e.png) ![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280505029-fc61e873-a04e-42a2-af03-fc4cb16ea338.png)

## Profile and edit option

![Schedule Management App with React](https://user-images.githubusercontent.com/52797621/280505055-1cbf15dd-03fd-418c-8862-88bc7b6cc3dd.png)

## GitHub

[View Github](https://github.com/Hasib718/Scheduling?ref=reactjsexample.com)