Skip to content

ectweitmann/overlook-hotel

Repository files navigation

Overlook Hotel

Project Overview

A hotel bookings management tool for guests to be able to track the total cost of their previous/upcoming bookings and reserve available rooms for future stays.

On page load the user is met with a login page, asking them to login. The login credentials for the customers are as follows:

  • Username: customer# (# = any number 1 through 50)
  • Password: overlook2021

Login Page

Upon login the user is met with the dashboard page. Here they can find all their previous and upcoming bookings as well as the total cost of these bookings. From here they can navigate to the bookings page by clicking either the Book Now button or the 'Booking' link in the navigation bar in the top right corner.

Dashboard Page

On the bookings page the user is met with all of today's available rooms. From here they can filter the list by their desired room type. If no rooms are available that match their search criteria the user will be notified and prompted to try a new search.

Dashboard-Page Searching by Room Type

The user can click on any of the available rooms on the list at which point they'll be asked if they want to book this room. If they decline they can continue searching for a room to book. If they confirm the room will be removed from the list because it is now booked and therefore no longer available to book on the specified date.

Booking a Room

If the user returns to the dashboard page they will find that their list of bookings has been updated with the newest booking and their total cost has also increased. From here they are free to go back to the bookings page and repeat the process over again.

Show updated dashboard page

Setup

  1. Fork the repo
  2. Clone down the repo: git clone [remote-address]
  3. cd into it. Then run: npm install
  4. Next, cd out of the repo and clone down this repo
  5. cd into it. Then run: npm install and then npm start
  6. After that navigate back into the first repo you cloned down. Then run npm start
  7. Go to http://localhost:8080/

Enter control + c in your terminal to stop the server at any time.

Technologies Used

JavaScript HTML CSS SASS NodeJS

Mocha Chai Webpack GitHub Git NPM

Atom

Future Features

  1. Add a sorting feature for the 'Your Bookings' section on the customer dashboard. Would allow the user to filter their bookings by date.

  2. Implement Manager class functionality. A manager would have their own:

  • Login credentials and Dashboard page displaying:
    • Total rooms available today
    • The percentage of rooms occupied today
    • Today's total revenue A manager would be able to:
  • Search for any user by name and:
    • View their name, a list of all of their bookings, and the total amount they’ve spent
    • Add a room booking for that user
    • Delete any upcoming room bookings for that user (they cannot delete a booking from the past)

Creator

Ethan Tweitmann

LinkedIn

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published