ShiftNinja

ShiftNinja is an application that aims to make the scheduling process simple and efficient for employees and managers alike.

---

Developed by

Member	Banner ID	Role
Brahmdeep Aneja	B00922690	Backend Developer
Harmit Narula	B00921449	Developer and cloud specialist
Amandeep Singh	B00925864	Backend Developer
Het Mehta	B00916261	Frontend Developer
Shahraj Singh	B00943028	Backend and Frontend Developer
Tanisha	B00946400	Backend Developer and Scrum master

Important links

Deployment link: http://shiftninja.canadacentral.cloudapp.azure.com:5000
Gitlab link: https://git.cs.dal.ca/tanisha/team3project_ti5193.git

Build instructions

The application is divided into frontend and backend, the instruction below covers how to build both components and run them

Backend

Backend for this application has been written using Spring Boot that has been dockerized. To build the backend -

1. Navigate to the root folder using command (For instance)- cd team3project_ti5193
2. Start your docker desktop application on your system
3. Run the command docker compose build to build the docker image and docker compose up -d to create containers and run the APIs on port 8080

Backend build and run.

Frontend

Frontend for this application has been written using React. To build the frontend -

1. Navigate to the frontend folder using command (For instance) - cd team3project_ti5193/Frontend
2. Run the command npm i to install all dependencies
3. Run the command npm start to start the application at port

Frontend application.

Use Cases

Employee

1. After logging in employee can see their schedule week's schedule

Employee Current Shift Schedule. 2. Employee can also go to Available Shifts page and see all the available shifts and request for any shifts they want to work for.

Employee Available Shifts Schedule.

Manager

1. After logging in Managers can see the upcoming weeks' schedule and see specifics of a shift including time and employee details.

Manager Current Shift Schedule. 2. Manager can also go to Post Shifts page and post a new shift availability which would be visible to employees and they can request for approval.

Manager Post Shifts.

3. After Employees have requested for approval for any shift, manager can check the requests in the Approve Shifts page and select the requests they want to approve, which will then be reflected in Employee's current schedule.

Manager Post Shifts.

Code References

[1] Arias, Dan. “The Complete Guide to React User Authentication with Auth0.” Auth0 - Blog, 18 Nov. 2022, auth0.com/blog/complete-guide-to-react-user-authentication. Accessed 27 July 2023.

[2] “Modern React Event Calendar | Mobiscroll.” Demo.mobiscroll.com, 10 June 2023, demo.mobiscroll.com/react/eventcalendar. Accessed 27 July 2023.

[3]Slamic, Tadej. “Spring Boot Authorization Tutorial: Secure an API (Java).” Auth0 - Blog, 7 Oct. 2021, auth0.com/blog/spring-boot-authorization-tutorial-secure-an-api-java/. Accessed 27 July 2023.

[4]“Event Handling in Spring.” Www.tutorialspoint.com, www.tutorialspoint.com/spring/event_handling_in_spring.htm. Accessed 27 July 2023.

[5]Romero, Erick. “How to Dockerize a Spring Boot Application.” EPAM Anywhere, 7 July 2023, anywhere.epam.com/en/blog/how-to-dockerize-spring-boot-application. Accessed 27 July 2023.