Skip to content

Frontend Website Documentation

Saagar Arya edited this page Dec 6, 2021 · 22 revisions

Our frontend application is deployed to: https://librarysystem-frontend-321.herokuapp.com/#/

Example credentials:

Type Username Password
HeadLibrarian admin admin
Librarian Jeff Jeff
Patron bob bobpassword
Homepage
When a user opens the website for the first time, they see a page showcasing the library’s opening hours, as well as the current featured item. If the user is logged in as an admin (via the “login” button in the navigation bar, and credentials: “admin” and “admin”), they will also see the options to add, remove, or modify library hours. Homepage Screen
Not Logged In
Browse Items
Without logging in, any visitor to the library website can browse the items at the library. Since they are not logged in, they can only view the item and it’s details.
Browse Items
Browse Rooms
Without logging in, any visitor to the library website can browse the rooms at the library. Since they are not logged in, they can only view the rooms and it’s capacity.
Browse Rooms
Logged In As Patron
Browse Items
On the browse items page, the patron is able to view all the items in the library as well as it’s details. The patron also has a button under each item which allows them to reserve that specific item.
Browse Items As Patron
Browse Rooms
On the browse rooms page, the patron is able to view all the rooms in the library as well as it’s capacity. The patron is able to click on a button under each room to book that specific room.
Browse Rooms As Patron
Browse Item Reservations
On the browse item reservations page, the patron is able to view all of their item reservations. In addition, for each of their item reservations, the patron is able to either renew or cancel the reservation. Upon renewal, the item reservation is extended for 2 weeks.
Browse Items Reservations As Patron
Browse Room Bookings
On the browse room bookings page, the patron is able to view all of their room bookings. In addition, for each of their room bookings, the patron is able to either modify or cancel the booking.
Browse Room Bookings As Patron
Logged In As Head Librarian (admin)
Browse Items
On the browse items page, the admin is able to view all the items in the library as well as it’s details. The admin has 3 buttons for each item. They can reserve an item for a patron, return the item from a reservation or delete the item from the library.
Browse Items As Admin
Reserve Item
When the admin clicks on the “reserve item” button, they are redirected to the reserve item page where they can enter the Patron’s idNumber to reserve the item for that specific patron.
Reserve Item As admin
Browse Rooms
On the browse rooms page, the admin is able to view all the rooms in the library as well as it’s capacity. The admin has 3 buttons for each room. They can reserve a room for a patron, update the room capacity or delete the room from the library.
Browse Rooms As Admin
Reserve Room
When the admin clicks on the “reserve room” button, they are redirected to the reserve room page where they can enter the Patron’s idNumber and the date to reserve the room for that specific patron.
Reserve Room As admin
Browse Item Reservations
On the item reservations page, the admin is able to view all the item reservations and renew each item if necessary.
Browse Items Reservations As admin
Browse Room Bookings
On this page, the admin is able to view all the room bookings as well as modify the room bookings and cancel the room bookings if necessary.
Browse Room Bookings As admin