50% off all plans with SPRING50
Day 11: Hotel Booking
Day 11 Beginner Challenge 11 of 100

Hotel Booking

As a traveler, I want an easy-to-use booking interface that allows me to quickly select dates, adjust party size, and view available rooms and rates, ensuring I can efficiently plan my stay without navigating away from the page.

Acceptance Criteria

  • The booking interface includes clear fields for "Check In" and "Check Out" dates with an interactive calendar to select dates.
  • Dropdown menus are provided for selecting the number of adults and children, with the options being easily adjustable.
  • The page displays high-quality images of the accommodation, including both the rooms and additional facilities like the pool area.
  • A 'Book a room' button is prominently placed and is responsive when clicked, leading to the next steps in the booking process.
  • The interface layout is responsive, ensuring it works seamlessly on both desktop and mobile devices.
  • All interactive elements (date pickers, dropdowns, buttons) should have visual and functional consistency across the interface.
View on GitHub
100 Days of Code Progress Day 11 / 100

Take this challenge

Start your 7-day free trial to solve this challenge in our built-in code editor with live preview.

Start 7-Day Free Trial to Solve This Challenge

Nearby Challenges