Use React to develop
Necessary software and the version used in development
Install the dependency
yarn
Compile and start
yarn start
Test for the app
yarn test
Visit via browser
The main functionality of this app is as follow:
- Display the basic information of hotels, with or without the price, and the hotels without price will be displayed lastly.
- The price make includes tax and hotel fees, which will indicated by the asterisk besides the price, and the details will shown when hover.
- The competitors table may be available, and are ordered by ascending price, with the saving with us percentage if the price is higher than us.
- If the description is more than a paragraph, only the first paragraph will be shown at first, with the "Read More" link to show all, then "Read Less" link to shrink.
- Default currency is U.S. Dollar or the last selected currency, a different currency can be switched by selecting a dropdown option.
- If there're errors when request data, error message will be shown. If the prices request failure for the first time, the hotel list will be shown without any price.