/Overlook

Primary LanguageJavaScript

Overlook Hotel: A Hotel Booking Application

Front-End Project by: Beth Meeker

Overview

Overlook Hotel is a Turing School project allowing students to build a hotel booking application that tracks a customer's booking history and calculates the total cost of all bookings in the users history. New bookings are posted via fetch API, reducing the available rooms for a given book date.

Construction

  • 4 Classes, each accompanied by a test file: Hotel, Room, Booking, Customer
  • Login page requires valid username and password (username: customer < 1 thru 50 > password: overlook2021)
  • Availability of room type changes with each booking POSTed
  • Aria labels for full accessibility
  • Employed breakpoint at 1200px for responsive design enjoyable on desktop, or tablet
  • Deployment to GitHub Pages coming Soon!

Providing Incorrect Username or Password will throw an error! recording (15)

Login and View Booking History. Trying to Book invalid checkin/checkout dates will throw an err! recording (16)

Going through the booking process with a valid room selection will generate a Confirmation number and a new Booking Card to review recording (17)

Availability changes with every booking. If a room type is unavailable on the selected date, the user will receive an apology and be prompted to select a different room type, or adjust their dates recording (18)

Tech Stack

JavaScript ES6 Sassy CSS HTML Webpack Mocha & Chai

Contributors

Beth Meeker https://github.com/Meekb

Project Manager:
Nik Seif https://github.com/niksseif

Code Reviews:
Erica Spitz https://github.com/e-spitz
Taryn Martin https://github.com/tarynmartin

Turing School of Software & Design https://frontend.turing.edu/projects/overlook.html

Resources

  1. MDN
  2. CSS-tricks
  3. gifcap
  4. Turing School of Software & Design