Country_Name

Full_Name

Currency

Language

Capital_City

Calliing_code

Region

Sub_Region

In this course, the learner will learn some very interesting and useful endpoints of the REST Countries API.

countroies.tar.gz

Countries_API

The REST Countries API provides a vast database of countries’ metadata, including region, language, currency, calling code, and capital city. You can take full advantage of this API by utilizing it to feed online platforms that require essential country-related information.

You will start with an introduction to the REST Countries API. You will learn to search a country by its partial and full name. Next, you will learn to list countries that use the same currency or speak the same language. You will then learn how to find the capital city and calling codes to make phone calls. You will also learn to filter the response to an API call to extract the most relevant information. Finally, you will cover the integration of the REST Countries API into a demo application.

By the end of this course, you will have sufficient skills to integrate the REST Countries API into your application.

Get Started with the REST Countries API in JavaScript

Let's look at a React app that uses some of the endpoints we've discussed. This application will offer the following functionalities:
- Search country by country name
- Search country by currency name
- Search country by language
- Search country by the capital city
- Search country by region name
- Search country by subregion name
## Application workflow
Let's look at the application workflow from the user's point of view:

1. When the application starts, we're presented with the home page. This page displays a top bar that shows welcome text and a form to enter our input.
2. We select an option from the drop-down menu to specify which parameter we want to use for our search.
3. After selecting the search parameter,  we enter the search query in the search bar.
4. Click the “Search” button to get a list of countries matching our search query according to our input.
5. The result list shows the following information about a country:
  - Country's common name with the flag emoji
  - Country's region
  - Country's capital city
  - Country's borders
  - Country's Google Map link
  - Country's flag
  - Country's official name

If no country matches our query, the application displays “No Country Found.”
## Demo application





The widget below contains the code for our application. Click the “Run” button to see the application in action.





Let's look at a React app that uses some of the endpoints we've discussed. This application will offer the following functionalities:
- Search country by country name
- Search country by currency name
- Search country by language
- Search country by the capital city
- Search country by region name
- Search country by subregion name
# Application workflow
Let's look at the application workflow from the user's point of view:

1. When the application starts, we're presented with the home page. This page displays a top bar that shows welcome text and a form to enter our input.
2. We select an option from the drop-down menu to specify which parameter we want to use for our search.
3. After selecting the search parameter,  we enter the search query in the search bar.
4. Click the “Search” button to get a list of countries matching our search query according to our input.
5. The result list shows the following information about a country:
  - Country's common name with the flag emoji
  - Country's region
  - Country's capital city
  - Country's borders
  - Country's Google Map link
  - Country's flag
  - Country's official name

If no country matches our query, the application displays “No Country Found.”
# Demo application





The widget below contains the code for our application. Click the “Run” button to see the application in action.





See how the REST Countries API can be used in an actual application.

Introduction

Search Functionalities

Filter Response

Country API Integration with React

Conclusion

Demo Application

Application workflow