Your task is to build a UI around the REST Countries API.
The UI must do the following:
- Allow the user to choose a region of the world (Asia, Europe, Oceania, etc)
- Once a region is chosen, allow the user to select a country within that region (e.g. if the user chooses Europe, they can then choose France, Germany and others, but not New Zealand)
- Once the user chooses a country, display the following information about that country:
- As a page title, the country’s common name and flag, e.g. Germany 🇩🇪
- Its official name, e.g. Federal Republic of Germany
- Its native name(s), e.g. Deutschland
- Its name(s) in Japanese, if available, e.g. ドイツ or ドイツ連邦共和国
- Its flag as an image
- Its population density (population / area)
Please also give us instructions on how we can see this UI in a web browser. We’ll be looking for code quality as well as usability and accessibility.
This is a simple UI, but please treat it as a professional project that will be merged to production and seen by thousands of users.
Feel free to use any libraries that you’re familiar with.