/overlook-solo

Primary LanguageJavaScript

Overlook

Primary Contributor

Marika Shanahan

Installation and Setup

  1. Clone down the local API here using your terminal and run npm i to install dependencies
  2. Run npm start on the local API repo to run the server. If successful, you should see a message in the terminal that reads Overlook API is now running on http://localhost:3001 !
  3. Clone down this repo and run npm i to install dependencies
  4. Run npm start on this repo to
  5. Open localhost:8080 in your browser or click here
  6. Start interacting with Overlook!
Username Password
Customer customer:id overlook2021
Administrator manager overlook2021

The :id can be any number between 1 to 50

What is this?

You can login as a customer or manager and make a hotel bookings (with some fake data) , if you do not enter the correct login credentials a popup will inform you.

You can see all the logged-in customers previous bookings in the right aside. Search for rooms with the date selector at the top of the page and see them populate in the actie area below. You can further filter them with the advanced search dropdown.

If no room is found that matches your query, a popup will inform you.

Upon selecting a room with its associated button a popup will appear that asks you to confirm the booking information, if successful another popup will inform you of the successful booking and it will appear in the right aside.

This web application is responsive for screens down to 360px width.

Tech Stack

  • HTML5
  • CSS3 in SASS / SCSS Conventions
  • JavaScript ES6 Conventions (Vanilla JS)