/rest-countries-api

A project from Front-End mentors

Primary LanguageJavaScript

Frontend Mentor - REST Countries API with color theme switcher

Design preview for the REST Countries API with color theme switcher coding challenge

Welcome! 👋

Thanks for checking out this front-end coding challenge.

Frontend Mentor challenges help you improve your coding skills by building realistic projects.

To do this challenge, you need a good understanding of JavaScript.

The challenge

Your challenge is to integrate with the REST Countries API to pull country data and display it like in the designs.

I used pure vanilla JavaScript, Html and Sass

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)

Where to find everything

Your task is to build out the project to the designs inside the /design folder.

In this challenge, you will find mobile and desktop designs in light and dark mode color schemes for both pages.

I had fun building! 🚀