Overlook
Abstract
- Self contained application that acts as a hotel management tool for hotel customers and staff to manage room bookings and calculate customer bills.
Goals and Objectives
- Use OOP to drive the design of the application and the code
- Work with an API to send and receive data
- Solidify the code review process
- Create a robust test suite that thoroughly tests all functionality of a client-side application
Technologies
Illustrations
Features
- Login for multiple users
- Available rooms searchable by date and room type
- All user bookings shown on home page with total spent
- 100% accessibility score on Lighthouse and app is fully tabbable
Possible Future Extensions
- Complete Manager class interactions to view a customers bookings, then add and remove bookings
- Display daily revenue streams and occupation percentages by date
Milestones
- I feel that I am gaining better understanding of manipulating DOM objects for desired results
- Outside of a few issues with attaching event listeners, I did not have to reach out for help nearly as much as I thought I would.
Challenges
- I learned a valuable lesson about reusing code: Double check it now, not later! I lost hours of time looking for non-existent Javascript error when the error was that i did not double check the CSS styling code of my buttons. While fighting an issue on another project we had inserted a pointer-event: none; that was disabling my created DOM elements from being able to accept the needed click to fire off.
Set Up
- Clone the repo
git clone git@github.com:MattWalterTX/Overlook-Project.git - Enter the directory and install NPM packages
npm install npm start - Clone the local API repo
git clone git@github.com:turingschool-examples/overlook-api.git - Enter the API directory and start the local server
npm install npm start - Enter the following url in your browser: http://localhost:8080/
- Explore the website
Sources
Contributors
Project Specs
- The project spec & rubric can be found here