/overlook

Primary LanguageJavaScript

cgapp logo
Hotel Overlook

Create a user friendly hotel website that works with an API to send and receive data.

Ensure successful functionality using Test Driven Development.

Provide guest individuality with personal styling and data.


⚡️ Getting Started:

  1. Fork this repository and this
  2. Clone both of the repositories to your local machine
  3. cd into the repository
  4. Once in the repository, run npm install
  5. After installation, run npm start
  6. Repeat steps 5 & 6 for the other repository
  7. A live server should now be available at http://localhost:8080/, paste this address into your browser

(If you see the error message prompting you to run "npm audit fix --force" do NOT run this.)


Contributor(s):

Joshua Medina


Walkthrough:

Screenshare.-.2022-08-09.6_42_33.PM.mp4

Planning:

See how it all began...


Features:

  • As a Guest
    • Login and logout to see current data
    • View any room bookings I have made (past or upcoming)
    • View the current amount of points you have earned
    • Able to select a date for which you'd like to book a room
      • Upon selecting a date, you are shown a list of room details for only rooms that are available on that date
    • Able to filter the list of available rooms by their room type property
    • Book room(s) that will be added to the API data
  • The website ensures accessibility with a completely audible and "tab-able" page

Future Extensions:

  • As a Manager
    • Create and delete bookings per user
    • Search for users by their name
    • Add "sold out" dates
    • Introduce a "carousel" that highlights the hotel's features

Technologies:

  • javascript JavaScript
  • HTML HTML
  • CSS CSS
  • TDD Mocha and Chai
  • Webpack Webpack
  • NPM NPM
  • Github Github

Project Specs:

Turing - Overlook