You are required to build,using any techniques that you have learned and any other techniques that you might find, the following layout. Make sure you design and replicate the following as closest as possible.
Each component is described below by its number and what it should contain. Good luck!
Via the data.json file which is provided you must consume the data to display for. You should do an ajax call to get them and build dynamically the page.
- A search bar that you can write within any textwith autocomplete capability which returns the objects from entries.city [8 marks]
- The button shows the results as different entries that come from the entries objects [8 marks]
- A display that shows Check-in / Check-out dates. Can you make it to show a calendar? [6marks]
- A List with the following options: Single, Double, Family rooms [4marks]
- A price sliderthat gets the prices from the entries and upon sliding the entries beneath change accordingly [12marks]
- A list of property types with options: 0 –5 stars. This information is within each entry on rating [8marks]
- A list of Guest ratingsthat show within each entry: 0 –2 Okay, 2 –6 Fair, 6 –7 Good, 7 –8.5 Very Good, 8.5 –10 Excellent from entries.ratings [8 marks]
- A list with Hotel locations with options from entries.city[8 marks]
- At the click of the View Map show a modal box with an iframe from entries.mapurl[8marks]
- A list for Sorting with options: Car Park, Sauna, Pool, Wifi, Balconytaken dynamically from entries.filters from ALL entries [14 marks]
- A photo of the hotelfrom entries.thumbnail [4marks]
- A description of the hotel from the objects within json file per entry as shown above [12 marks]
You need to submit all the produced files in a zip file named by your_name_assignment_5.zip
