Room-Reserve-App-Project

To create a web app to view buildings and available study rooms on the Berea campus

Author(s):

• Kyle Drummonds
• Isaac Narteh
• Alejandro Ramos

Problem:

Currently at Berea College there are no means for students to remotely book study rooms or check the availability of such rooms in the academic buildings on campus. If a student yearns for a study area on campus they would need to be present physically in order to reserve that space. This, however, does not guarantee that a study space will be available as oftentimes students will traverse these academic buildings on campus to no avail.

Solution:

To solve this problem, an idea was drafted to create a web app interface, where students of the college can easily view the availability of study rooms and book them in various buildings across campus. This project will enable building administrators to manage and monitor room availability for students to have easy access to study spaces. Features of the web app will allow students to:

• Select the academic building they wish to study in
• To filter the academic rooms by availability.
• View the daily schedule of the study rooms within each academic building.
• View the capacity of each study room
• View the names of buildings and the room numbers
• The web app will also aid students to effortlessly reserve study spaces in academic buildings.

Wireframe Project Design

Student View

Admin View

Software Architecture

How to Make Reserve_App_Frontend

• Download and install Node.js
• In terminal, enter command npm create vite@latest
• Name project Reserve_App_Frontend
• Select React as framework
• Select JavaScript as language

How to Run Server

• Move into Reserve_App_Frontend directory (cd)
• Install the dependencies: npm install
• Run application in developer mode: npm run dev
• Click on the host link to view the page

To Stop Server

• Ctrl + c in terminal

Process Summary

Briefly summarize your design and implementation process, including how much your initial design plan evolved, the final results you achieved, and the amount of time you spent as a programmer or programmers in accomplishing these results. This should be one or at most two paragraphs.

Implementation

Please briefly describe what was accomplished including the largest challenges overcome and any innovations that were not specifically required by the assignment.

Testing

Please briefly describe your testing process. Here you should be careful to select representative input cases, including both representative typical cases as well as extreme cases.

• My testing process included displaying the testing of the byte or bit on the screen to see if the method made the desired changes in memory. These tests were conducted in the main of the program.

Errors

List in bulleted form of all known errors and deficiencies with a very brief explanation.

• None

Learning and Reaction

A paragraph or so of your own comments on what you learned and your reactions to this lab.

• I have learned greater knowledge of how error detection works and have had a great deal of experience with a program that utilizes error detection mechanisms. The lab was a great introduction to these new concepts and also gave additional practice with using ADT.

Integrity Statement

Please briefly describe ALL help you received and all help you gave to others in completing this lab. Also list all other references below.

References:

• CodePath
• Udemy
• https://medium.com/tinyso/how-to-create-a-dropdown-select-component-in-react-bf85df53e206