leonardomeza87 / rest-countries-api

Integration of the REST Countries API with the design proposed by frontend mentor

REST Countries API with color theme switcher

This is a solution to the REST Countries API with color theme switcher challenge on Frontend Mentor.

Links 🔗

• Solution URL: Repository
• Live Site URL: GitHub Pages

The challenge 💻

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.

Screenshot

Built with

• SASS - CSS preprocessor.
• Flexbox and Grid.
• Desktop-first workflow.
• React - JS library.
• React Router - React library

Useful resources

• ReactJS delay onChange while typing
• Remove accents/diacritics in a string in JavaScript

More about me

• Frontend Mentor - @leonardomeza87
• Twitter - @leonardomeza87

Download ⚙️

This project was bootstrapped with Create React App.

To clone:

git clone https://github.com/leonardomeza87/rest-countries-api.git