Overlook

• Project Spec

Contributors

• Juliana Fargnoli

Abstract

This application is a virtual hotel dashboard where users can sign in to view and book a suite at the Overlook. When each guest signs in, they can view any of their past, present, and previous bookings at the hotel. They also have the ability to select a suite tpe and date they would like to book a room. Once a room type and date is chosen, the suite options availble will populate.

Snapshots of Application

Sign In View:

Guest Dashboard:

Technologies

• Mocha
• Chai
• JavaScript
• SCSS
• Fetch API
• ESlint

Wins

• Learning how to use Fetch API and successfully integrating functionality into project
• Using a wireframe program to outline high level project aesthetic and functionality
• Utilizing SCSS successfully
• Making our application accessibility standards
• Utilizing resources such as web documents and mentors to expand knowledge base and maximize application display and performance

Challenges

• Working with the various API endpoints
• Accessing and managing the data while writing clear readable code
• Making atomic commits and PRs when working independently
• Completing project by deadline

Install/ Set Up Instructions

Backend Set Up

1. Go to this repository
2. Follow Set Up instructions.

Frontend Set Up

1. Clone down this repository.

git clone git@github.com:jfargnoli01/Overlook.git

2. In your terminal, run:

npm install
npm start

3. Enter the following url in your browser: http://localhost:8080/
4. Explore the website.

Future Features

• Add photos to room suite cards in dashboard
• Add a manager class, allowing them log into the dashboard with a separate username and password
• Include calendar modal to allow guests to select a date they wish to book their room

---