Qantas Hotels - Frontend tech test

Approach

1. This project was bootstrapped with Create React App.
2. Used the Mock screens, API test response and instructions to identify the data types, and comose components
3. Created barebone version of all the components to parse the JSON data and populate all the components
4. Used Styled components to apply the styles as per design
5. Added unit tests for 2 major components Hotels: To check the if the hotel list is gettin loaded and can be sorted HotelCard: to check if the property details are present

Available Scripts

In the project directory, you can run: yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

yarn test

Launches the test runner in the interactive watch mode.\

Pending Items

1. Add style to Sort order combo
2. Refactor styles
3. Increase unit test code coverage
4. Implement Ratings - half star/self value