2223T3-S12-G09

Epic Laboratory Reservation Slot banana

We're here to blow minds that haven't blown before.

Prerequisites

NodeJS must be installed. It provides npm to install necessary modules. If NodeJS isn't installed yet go to its download site.

Installation and Running the Project Locally

1. Either download the code in .ZIP file, or clone the repository with git clone https://github.com/DLSU-CCAPDEV/2223T3-S12-G09/
2. Open the command prompt (Windows), or terminal (Mac, Linux) on the project folder where the files were downloaded or cloned.
   Install the necessary npm modules with the command below:
   npm install
3. After installing the necessary modules input the following code to run the project.
   node index.js
4. The command line or terminal will provide you with the URL address of the server.
   Once the the web browser has rendered it should display the Home page, wherein the larger text Computer Laboratories should be seen accompanied by an image.
   
5. Go to the Sign-up page by clicking the Sign Up button located on the navigation bar or on the top part of the page. Once all the required details are inputted click on 'SIGN UP'. For reference register this two account:
   

   First Name:     John
   Last Name:      Doe
   Username:       JohnDoe
   Email:          [email protected]
   Password        12345678
   
   First Name:     Jane
   Last Name:      Doe
   Username:       JaneDoe
   Email:          [email protected]
   Password        12345678
   

6. Once the you have finished signing up the page will redirect you to the Login page. Then try logging JohnDoe by inputting all the necesary details to login the account you have created. After that you will be redirected to the Home page.
   
7. Try clicking the Home button, this should not display another page since the home page will be rendered in when you open the website or after you login. In the home page you should see details about the computer lab and a reservation button.
   
8. Now try clicking on the Make A Reservation button in the home page or the Reservation button located in the nav bar. Select a date, laboratory, time slot and a seat. Then, you should see a pop-up and click on reserve. Your reservation should be set now.
   
9. Now try clicking on the Search button. To search all accounts input "all". To search a specific account input the username, in our case let's input JaneDoe then search. JaneDoe's information for the username, first name, last name, and description should appear.
   
10. Now try clicking on the About button. This should display all the npm packages used in creating this website.
    
11. Now try clicking on your username in the nav bar, in our case it would be JohnDoe. It should display the profile page containing your profile picture, username, first name and last name concatenated together, bio, reservations made with options to edit or delete it, and options to edit or delete your profile. Try clicking on the Edit Profile, it should display the edit-profile page wherein a textfield for the profile picture and bio is seen. For the profile picture search an image in the internet then right-click and copy the image address and paste. Try inputting this link 'https://upload.wikimedia.org/wikipedia/en/thumb/c/c2/De_La_Salle_University_Seal.svg/1200px-De_La_Salle_University_Seal.svg.png'. As for the bio try inputting 'hello'. After clicking the save button it should redirect you back to the profile page with the updated profile. Now try clicking on the Delete Profile. This should delete your profile from the website database. Refresh the page and you are back to the Home page.
    
12. This time try logging in JaneDoe. After you have logged in click on the logout. This should log you out from the website and redirect you to the home page.
    
13. That is all of the functions possible and available in the website.
    

Admin Account Details

Username: big.admin99 Password: U}xMqpSx37)#*^W

Project Files and Folder Information

1. controllers - This folder contains files which defines callback functions for client requests.
   
2. helpers - This folder contains files which contains helper functions.
   
3. models - This folder contains files for database modeling and access.
   
4. node_modules - This folder contains files for the various npm module/packages necessary for the project to run.
   
5. public - This folder contains static assets such as css, js, and image files.
   
6. routes - This folder contains files which describes the response of the server for each HTTP method request to a specific path in the server.
   
7. views - This folder contains all hbs files to be rendered when requested from the server.
   
8. index.js - The main entry point of the web application.