A prototype listing UI for Accommodations and Rooms, built in React-Redux as a Single Page Application. Basic SCSS styling has been added to give structure to the page.
- This app displays a listing UI for Accommodations and Rooms, similar to what you'd see on booking.com.
- Each listed item card will give you information about the accommodation.
- Within each listed item card displays more information about the rooms within that accommodation.
- All listed items are displayed in alphabetical order based on name. This can be sorted Ascending or Descending by using the sort dropdown at the top of the page.
- You can also filter the listed items based on it's type (Hotel, Guest House or Apartment) by using the type dropdown on the top right of the page.
- Clicking 'Show more +' within each listed item will display a description of that item.
Design and build a basic prototype listing UI for Accommodations and Rooms, similar to what you might see on booking.com, populated from the given data in the two json files.
Accommodation display should show:
- Accommodation Name
- Description
- Type
- Facilities
Room display should show:
- Room Name
- Room Type
- Min & Max Occupancy
- Price of the Room
- Number Available / Sold Out
Styling can be as basic and minimal as you like, you can use existing frameworks if you want.
If you feel the need you can add filtering / sorting / paging / any other useful enhancements.