Rest Countries API with Advanced Searching Options and Translations

I strongly focused on building semantically correct and accessible site. Site loads with user locale language, if translation for that language doesn't exist then English is as default. Handle a lot of edge cases. I added Advanced Searching Options and More Info to the design. Everything is integrated, so you can combine multiple search options at once. Page has multiple loading states.

Advanced Searching Options:

• possibility of choose multiple regions
• sorting alphabetically or by population
• show countries based on independence status or landlocked status or UN Member status or traffic
• Searching text is wrapped in <mark> element and it has its own background-color to distinct searching phrase.

More Info Tab:

• displays more information
• displays in modal Google Map with country location or <img> with coat of arms of the country

Used Frameworks:

• React
• SASS

Used Libraries:

• axios (for fetching data)
• i18next (for translations)
• downshift (for accessible region select element)