React – REST API countries

view project

This project is a challenge from Frontend Mentor. The goal is to create a user interface that allows users to view information about countries. The information is retrieved from a REST api (https://restcountries.com/). Here’s the project brief:

Your users should be able to:

  • See all countries from the API on the homepage
  • Search for a country using an input field
  • Filter countries by region
  • Click on a country to see more detailed information on a separate page
  • Click through to the border countries on the detail page
  • Toggle the color scheme between light and dark mode (optional)
Interior page

This project uses ReactJS and React Router to allow the user to navigate to and from different pages.

Dark mode

Users can click through to the bordering countries.

Back to my work