For my final assignment in my first year JavaScript course, I had to integrate various past labs into a comprehensive project. This included date and room booking functionality, login authentication with Regex, weather API integration, and hotel activity management using boolean values.
The main project was to create a hotel booking website using HTML, CSS, JavaScript, and Bootstrap. I chose to feature Santorini, Greece — one of my dream travel destinations. The site incorporates real time weather tracking through a weather API and integrates the previous JavaScript assignments seamlessly.
To evoke the essence of Greece, I used soft beige and blue tones in the design, reflecting the island’s beaches and architecture.
The login authentication process requires users to enter their first and last names, email address, phone number, postal code, age, province, and country. Once logged in, users can view their email, name, age, and profile photo inside the hamburger menu, with the profile photo positioned above the logout button.
The booking portal features a selection of three room types, a calendar for choosing arrival and departure dates, and a modal popup that provides details on room availability, the length of stay, the cost per night based on room choice, and the total cost for the booking.
Software Utilized:
