Rest Countries Api

screenshot of Rest Countries Api

"REST Countries API with colour theme switcher" challenge by Frontend Mentor.

Overview

The Frontend Mentor REST Countries API with color theme switcher challenge involves integrating with the REST Countries API to pull country data and display it according to the provided designs. Users are able to view all countries, search for a specific country, filter countries by region, view detailed information on a separate page (implemented using a modal), click through to border countries, and toggle between light and dark mode. The design has some limitations and conflicts with usability, but overall the challenge has been successfully completed with the addition of a filter by country dropdown select list and a show all countries button.

Features

  • View All Countries: Display all countries from the API on the homepage.
  • Search for a Country: Search for a specific country using an input field.
  • Filter Countries by Region: Filter countries by region.
  • View Detailed Information: Click on a country to see more detailed information in a modal.
  • Click Through to Border Countries: Click through to the border countries on the detail page.
  • Toggle Color Scheme: Toggle between light and dark mode for the theme.

Summary

The Frontend Mentor REST Countries API with color theme switcher challenge successfully integrates with the REST Countries API to pull country data and display it according to the provided designs. Users can view all countries, search for specific countries, filter by region, view detailed information in a modal, click through to border countries, and toggle between light and dark mode. The design has some limitations and conflicts with usability, but the challenge has been completed with the addition of a filter by country dropdown select list and a show all countries button. The installation process for the theme is straightforward and can be done by following a few simple steps. Overall, the challenge demonstrates the ability to work with APIs, implement interactive features, and customize themes.