This app will display all the information of all the countries in the world. You can sort them by name, population, area and capital. Clicking on the country will display extra information. Choose to display the countries between grid-view or row-view in desktop.
This is a remake of my vanilla javascript world-countries app I did a while ago. Here.
Inspired by Asabeneh - world-countries-data
- React Hooks
- Mapbox GL JS
- Context API
- High Order Functions (sort, filter, map)
- Fetch API
- Asynchronus Programming
- CSS Animations
- Do not modify original data. I found out that filtering the original data and then saving it back to context was not a good idea.
Grid Layout:
Row Layout:
Ipad Layout:
Mobile Layout:
Other:
Other:
Other:
Other:
