peeratmac / overlook

Overlook: Management Application for Hotel Staffers

Live Site

What is it?

Hotel Staffers and Management Team Use Cases:

• Looking up existing customers already stayed at the hotel before or currently staying
• Overview at a glance of how full the hotel is today, what is available to be booked
• Book a room for specific customer, on a specific day, with list of availabilities and preferences in room types and pricing
• Book a room service (food ordering with menu and pricing)

Known Issues

List of Issues can be found here

Working Product GIFS

Customer and Rooms Tab

Room Booking

Dark Mode and Room Service

Thank you:

• JavaScript
• jQuery
• jQuery UI
• Mocha, Chai, Chai Spies
• HTML
• CSS (Sass)
• Webpack
• Flat UI Color

Objectives

• Use OOP to drive the design of the application and the code
• Separate business-logic code from view-related code
• Create a robust test suite
• Thoroughly tests all functionality of a client-side application
• Build the application in sprints through user stories

How to Install

1. Fork and clone down this repository
2. In your Terminal, access the directory of this repository
3. Run npm install to install the webpack dependencies
4. Once it has finished installing, run npm start
5. Go to the localhost address ex. http://localhost:8080/

Relevant Static Screenshots

overlook's Issues

Room Booking History and Order History (room services) should be append instead of simple map

Append should be used instead of mapping onto the DOM.

Should try something similar to live search styling

UI + UX for live search and more labeling/highlight for customers

• mouse pointer should be given for users to know to select customer from search list

• more labeling and highlight instead of "Current Customer" -> update to the name of current customer

Customer creation phase - add customer + order associated with new customer (room booking and room service order)

Customer tab for new customer, order tab for new room services order, and then booking of new rooms for the customer

Orders Tab: Running List of what can be fixed beyond MVP

Separate ticket should be created to fix different issues and mark them off here

• Placeholder prior to customer search, need to handle a case where no data exists and prompt user to search first.

• Also the section for users to search by date, error handling for date formatting or recommend format they need to type in (potentially auto correct no matter how it was typed 09/14/19 vs 09/14/2019. Calendar modal popup can help too.

• Styling to highlight "Current Customer" section with current customer tag and name tag that pop out to ensure user of application see the difference between query searched that has gone through vs no search. Completed

Future/Add-on - Calendar modal popup for users to select date they want to search over

Instead of manually typing in YYYY/DD/MM

Rooms Tab: Running List of what can be fixed beyond MVP

• Styling of how available rooms after search are appending right now (buttons, text, horizontally appended vs vertically appended as a table?)

• Need development on current customer booking history when customer is searched/selected from Customer Tab

Create classes + tests files (link up, too)

Link all classes and tests files

Write basic test files to ensure tests are communicating and working for mocha/chai.

book-room-button and appendRoomList domUpdates method should get refactored + styling

Barebone HTML to get started

index.html work to outline the project

Barebone CSS to have readable + usable site for testing and development further

base.scss file should get worked on