Summative 2.2 Scenario: Overview Tourism New Zealand works with the tourism industry to positively promote New Zealand internationally. They have a new campaign that is aimed at visitors staying for short periods, booking their own accommodation and arranging their own transport.
Your task is to create a single page web application that allows users to input information, validate the information and provide meaningful feedback when validation has failed or passed. Display accommodation options to the user based the information entered. Calculate and display either accommodation costs to the user.
Tourism New Zealand want the app to have its own distinctive look and feel (whilst still remaining cohesive with the Tourism New Zealand brand). The first part of the user experience involves visitors to a specially designed site inputting information and being shown accommodation options and related details based on the number of people in their party and the length of time they intend to be staying.
The second part involves displaying meal options for the chosen accomodation option. You will need to create the data for the meal options. Accommodation Hotel 1-2 people – $157/night – min 1 night, max 5 nights Hostel 1 person – $30/night – min 1 night, max 10 nights Motel 2-4 people $90/night – min 3 nights, max 10 nights House 1-4 people $240/night – min 2 nights, max 15 nights
Resources: https://www.geeksforgeeks.org/search-bar-using-html-css-and-javascript/ https://www.w3schools.com/howto/howto_js_filter_lists.asp https://dev.to/pdbhat07/simple-search-bar-with-javascript-110k https://rachelaemmer.medium.com/how-to-create-a-search-bar-in-a-basic-javascript-application-f031848079e9 https://www.jamesqquick.com/blog/build-a-javascript-search-bar https://codepen.io/jamesqquick/pen/XWJxBQv https://api.jqueryui.com/datepicker/ https://developers.google.com/maps/documentation/javascript/examples/directions-waypoints?hl=it#maps_directions_waypoints-typescript https://api.jqueryui.com/datepicker/ https://validator.w3.org/