Le Chateaux Bekker Extraordinaire username: chateaux bekker (a number 1 - 50) password: bekker2022
- About the Project
- Project Goals
- Feature
- Accessibility
- Responsive Design
- Future Considerations
- Technologies Used
- Contact
Chateaux Bekker is a web app based on the fictional Grand Budapest Hotel in the Wes Anderson film. Users have to ability to view previously booked rooms, and book a room for a future date.
- Make network requests to API endpoints GET, POST and DELETE data.
- Create an intuitive design that is easy to navigate.
- Make the app completely accessible by keyboard.
- Utilize SASS to implement DRY css.
- Implement CSS animations.
- Responsive design for cross screen compatibility.
On page load the user must login. The username is chateaux bekker (any number between 1-50) eg. chateaux bekker 16. All users log in with password bekker2022. The overlook API hold data for 50 users.
Upon logging in the user is able to see how many points they have earned and the amount of money they have spent on all bookings. Users can also view a list of all bookings past and upcoming.
Users have the ability to search and book new hotel rooms utilizing the search bar. All that is needed to perform a search is a future date. If the user would like to narrow search results they can filter by type, bed size, and amount of rooms.
If a customer would like to cancel upcoming reservations they have the ability to in their 'bookings' section by clicking the 'cancel reservation' button.
This is fully accessible with the use of a keyboard. Use the tab key to travel to each relevant section. The space bar must be used to check boxes in the search bar.
Responsive design was considered for desktop, tablet and mobile view.
- Allow the user to rebook a room from their past history.section. Click a button to see what days the room is available.
- Redesign the search bar for mobile.
- Replace the web API Date picker with a custom date picker for cross browser compatibility.
- Allow for a manager to log in.
- Build a manager dashboard to display hotel stats and available rooms.
- Allow managers to book a behalf of customers.
