Mod 2 Final Solo Project: a Hotel Booking Site
The Grand Budapest Hotel welcomes you to book at this famed establishment, located in the fine city of Zubrowka (from the mind of director Wes Anderson)! This application will allow users to login with their own credentials, take them to their bookings page (showcasing past, present and future bookings) and how much they have spent on their bookings. Additionally, users can select a date and room type selection for future bookings. Once they have booked their room, they will automatically be returned to their bookings and can see their updated bookings information and their account will update how much they have spent.
The project was built utilizing principles of Front End Engineering combined with a variety of newly introduced concepts such as Webpack, network requests and responses, a 3rd party NPM dependency, and Test Driven Development using the Mocha and Chai.
- WebPack
- API
- DaysJS
- VS CODE
- eslint
- Lighthouse
- Node.js
- Javascript
- HTML
- SCSS
- Customer login:
- Customer bookings and date availability:
- Customer's new booking and updated amount spent:
To navigate the website live, a server download is required.
-
Download the hotel server and the API based server.
-
Cd into both the server directory and then into the overlook-api directory.
-
In the command line, run npm start
-
Then clone down this repository:
-
In your command line, cd into your local directory and clone down this repository - git clone git@github.com:susannaopal/grand-budapest-hotel.git
-
Install the necessary package dependencies -
-
npm install
-
Run the command npm start
-
With both the server running and this package, and visit http://localhost:8080/ in your browser.
In order to access the features of the website, you will need to login first:
- Use these test credentials (alternatively you can use any user's credentials from 1-50): username: customer50 (where 50 is the ID of the user) password: overlook2021
- Seeing the project to completion
- Creating the project fully from scratch
- The planning of classes and methods was tricky at times but initially came together
- Future Iterations: including a manager class and capability
- The project spec & rubric can be found here