This project is a website that lists countries around the world with different information. It was bootstrapped with Create React App.
React is used for the front-end. Countries are retrieved from the REST Countries API.
There is also an interactive map. The Leaflet and React Leaflet packages are used to integrate the map.
Boundaries of each countries are displayed using GeoJSON data from https://datahub.io/core/geo-countries.
If you want to know what is the distribution of countries in each region and continent, you can look into the generated-countries-all-sorted.json file that was generated by script-countries-all.js.
Here's the link to the deployed site: https://portfolio-explore-nations.web.app/.