Locker Logbook
Heroku Link: https://stormy-caverns-88085.herokuapp.com/home
Before actually using the application, the user is required to do the following:
cd ___________
or
Directly entering cmd on the File Explorer folder of your directory.
npm init
You can enter without modifying values as you install until you reach this question:
Type in “yes”, and your packages are installed.
The format to install the frameworks in cmd or git-bash:
npm install _____
Example:
npm install express
Create a new project in MongoDB Atlas.
Of course, name your project.
Then add your groupmates’ addresses to the MongoDB Atlas Project
Create a new cluster in MongoDB Atlas.
Click on the ‘Build a Cluster’ button.
Choose the free Shared Clusters
Choose a region to host your cluster, or don’t do anything at all.
Wait for the cluster to be fully created.
Connect to the cluster
Connect to the cluster
Connect to your application. In this case, Robo3T
Copy the link of the connection string, and then replace the “
Create or use an existing connection in Robo 3T.
Set type to Replica Set.
Name the database anything.
Paste the link to the From SRV text field below, and then click the From SRV button. The clusters will then show up.
Check personal authentication.
Databse should be named “admin”
Enter your Database username and password.
Authentication Method is “Use CA Certificate”
After initializing the necessary tools to run the application, you can now use the application itself.
The typical person using the application. Only has control of viewing, reserving, and abandoning a locker and viewing and editing their profile.
For the users’ conveniency, both the log in and register features are in the same page.
Login
The login page can now check for incorrect passwords or nonexistent accounts.
Register
Registration can now check if the user missed some forms or typed in a password with less than 6 characters.
The main page of the logged in user.
User Home
This page is a quick view of the user’s current locker, whether reserved, owned, or abandoned. The user can also cancel their reservation or abandon their locker.
If the user does not own a locker, the user is given a quick button to the View Lockers page to find a locker to reserve.
Otherwise, the current locker of the user and its details like its locker code and address are shown.
The user can view a catalog of lockers from a selected location to seek one to reserve.
Unless already reserved, owned, or the user already owns/reserves/abandons a locker, the user can reserve a locker in a location of their choice.
After reserving the locker, the user either had the option to reserve or cancel the reservation.
The search function for the lockers can now perform advanced search function, alongside the locker number and location only search functions.
Location Results
Locker Results
Advanced Search Results
The profile shows the credentials of the user such as their full name, ID number, degree program, e-mail address, and mobile number.
Everything except for the ID number can be edited in Edit Profile. The profile pages also shows the user’s locker and other way to cancel a reservation or abandon a locker.
Profile
Edit Profile
The admin has the control on locker management. Not only they can add, edit, and delete lockers, but also set the start and end dates for locker reservation. The admin is the very first user registered in the application, as previously demonstrated.
The admin may be a user, but unlike a regular one, the admin does not have a profile of their own. However, they cannot meddle with reserved or occupied lockers.
The admin can do the following when managing lockers:
Add Locker
The locker code should either have 3 or 4 digits, going with the number of digits a real life padlock has.
Delete A Locker
Editing A Locker by clicking directly on it
Adding New Locations
Deletng Locations
Only locations without any reserved, owned, or abandoned lockers may be deleted.
Setting the Term Dates to mark the span allowed to reserve a locker.
Although actually deleting the reservations and ownerships during a specific does not work now, thisr reminds the user the span of the reservation or ownership period.
Locker Manager
Date Manager
This page shows users’ reservation and abandonment requests and views all the currently owned lockers. To organize the tables more neatly, two dividers for the tables of reserved lockers and owned and abandoned lockers. The reservation table is separated from the owned and abandoned tables, which are grouped together.
Two buttons for accepting and rejecting requests are in the reservation and abandonment tables.
Reserved Locker Requests
Picks reservations to accept or reject.
View Owned Lockers and Abandon Locker Requests
Shows all the currently owned lockers. Also picks abandoment requests to accept or reject.
Shows the NPM packages and other tools such as database applications. Also lists a few details about the machine project group