• Accessibility audits should be at 100% for the dashboard.
• A user should be able to interact with all functionality of your application by tabbing through it, no use of the trackpad
• ARIA attributes should be utilized for any UI elements that are not understood by the screen reader

As a customer:

• I should be able to select a date for which I’d like to book a room for myself
• Upon selecting a date, I should be shown a list of room details for only rooms that are available on that date
• I should be able to filter the list of available rooms by their roomType property
• I should be able to select a room for booking
• In the event that no rooms are available for the date/roomType selected, display a message fiercely apologizing to the user and asking them to adjust their room search

Refer to the “Add new booking” section from the endpoints table above!

If you haven’t already, focus on accessibility at this point.

• Create a branch and push it up to GH so instructors can run Lighthouse and check your dashboard for it’s accessibility audit.

• Customers
• Single Customer
• Rooms
• Bookings

if availableRoomDetails .length is 0 then need a 'no rooms available' message displayed.

• logRoomTypes()
• getCurrentCustomer()

Currently the user can filter from available room dates.

• need to update to view all available room details.

As a customer:
I should see a dashboard page that shows me:

• #13
• The total amount I have spent on rooms

Customer Interaction

As a customer:

• I should be able to select a date for which I’d like to book a room for myself
• #14
• I should be able to filter the list of available rooms by their roomType property
• I should be able to select a room for booking
• #15
• Refer to the “Add new booking” section from the endpoints table above!

When first arriving at the site, a user should be able to log in with a username and password.

As a customer:

• I should be able to login
  • I will see a login page when I first visit the site
  • I can log in with the following credentials: customer50/overlook2021
• Upon successfully loggin in, I should see my dashboard.

Refer to the “Get single user” section from the endpoints table above!

Your app should now support two different types of users. In addition to having a customer, you will now add a manager.

As a manager -

• I should be able to login
• I will see a login page when I first visit the site
• I can log in with the following credentials manager/overlook2021

As a manager, upon logging in:

• I should see a dashboard page that shows me:
• Total Rooms Available for today’s date
• Total revenue for today’s date
• Percentage of rooms occupied for today’s date

As a manager:

• I should 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)

Refer to the endpoints table above for deleting a single booking

• Add new booking

• Delete single booking

• Webpack Starter Kit repo setup
• Local Server install and setup

Do I need to separate my customer bookings by past and present? Or can they all be in the same array?