Single page application (SPA) fetching information from API

An application to fetch information from the open APIs Rest Countries https://restcountries.com/ and OpenWeather https://openweathermap.org/api

Usage:

Search for a country by typing in the input field. A list of matching countries and their informations is shown. A matching country is fetched by country name, any country name that CONTAINS the input string is a match.

Concepts practised:

• routing and nested routing V6
• multiple API calls

Built with:

• REACT
• JXS
• CSS
• axios
• Rest Countries API
• OpenWeather API

Screenshot:

Credits:

• Rest Countries API: https://restcountries.com/ V3 used in CountriesList to search for countries and populate Countries with cards. V2 (arrays) is used in CountrySingle to get the country object and specifically capital.
• OpenWeather API: https://openweathermap.org/api
• money svg: author: https://videoplasty.com/ licence: https://creativecommons.org/licenses/by-sa/4.0/
• map https://www.mapsof.net/the-world/blank-map-world-reversed