Frontend Mentor - REST Countries API with color theme switcher
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! 🚀