spacebeers / front-end-test

Testing my test

hotel-search-results

Virgin Atlantic ~ Hotel Search Results (Front-end)

Rules

You must write the application in React or Preact (as this is our technology of choice).

In addition you should adhere to the following conditions:

1. It must be easy to run using libraries & tools commonly available on a development machine.
2. Clear instructions for how to build and run the application should be included within the code, e.g. README.md
3. The code must be your own work. If you have a strong case to use a small code snippet of someone else's e.g. a boilerplate function, it must be clearly commented and attributed to the original author.
4. You must include any unit tests you think are appropriate.
5. Give consideration to performance.

What it should do

Build a 'search results page' which connects to our holiday search API to display a list of holidays for a given location and departure date. Select what data items (example listed below) you think should be included on the page.

Available locations include: 'new-york', 'orlando', 'barbados', 'toronto'.

Add the ability to filter the results further by:

1. Price per person
2. Hotel facilities
3. Star rating

The interface should be a web-based React application.

You can call our API service by making a POST request as follows (please note that the departure date must be some date in the future!):

POST https://www.virginholidays.co.uk/cjs-search-api/search

{
  "bookingType": "hotel",
  "location": "orlando",
  "departureDate": "24-05-2022",
  "duration": "7",
  "partyCompositions": [
    {
      "adults": 2,
      "childAges": [],
      "infants": 0
    }
  ]
}

Supplying your code

Please create and commit your code into a public Github repository and supply the link to the recruiter for review. Your code should compile and run in one step.

Supporting Data

The endpoint will return data relating to the holiady packages available. The key properies you should be interested in are highlighted below. Please note, our endpoint will return much more data, but you are free to ignore this!

{
   "holidays":[
      {
         "totalPrice":646.27,
         "pricePerPerson":323.14,
         "hotel":{
            "id":"H2999",
            "name":"Sonesta ES Suites",
            "boardBasis":"Room Only",
            "content":{
               "name":"Sonesta ES Suites",
               "vRating":"4",
               "hotelDescription":"Completely reimagined, Sonesta ES Suites Orlando offers a fresh modern look throughout the recently renovated hotel. This all-suite, courtyard-style hotel is perfect for families — with rooms that easily accommodate 6-8 people.",
               "atAGlance":[
                  "Excellent location on International Drive",
                  "Complimentary self-parking",
                  "Complimentary WiFi",
                  "Lobby lounge with daily happy hour"
               ],
               "parentLocation":"International Drive, Orlando",
               "images":[
                  {
                     "RESULTS_CAROUSEL":{
                        "url":"//d3hk78fplavsbl.cloudfront.net/assets/common-prod/hotel/300/676023/676023-1-results_carousel.jpg?version=35"
                     }
                  }
               ],
               "holidayType":[
                  "Families"
               ],
               "boardBasis":[
                  "Bed and Breakfast"
               ],
               "hotelLocation":[
                  "Close to Universal Orlando Resort"
               ],
               "accommodationType":[
                  "Room"
               ],
               "hotelFacilities":[
                  "Restaurant",
                  "Bar",
                  "Free Parking",
                  "Room Service",
                  "Safety Deposit Box",
                  "Fitness Centre/Gym",
                  "Laundry Service",
                  "Internet Access",
                  "Swimming Pool",
                  "Hot tub"
               ],
               "starRating":"4",
               "propertyType":"Hotel"
            }
         },
         "flyingClubMiles":1293,
         "virginPoints":1293,
         "tierPoints":20,
         "departureDate":"2022-05-24",
         "selectedDate":"2022-05-24"
      }
   ]
}

Thanks for your time, we look forward to hearing from you!