🌍 REST Countries API with color theme switcher

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

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author
• Thanks

Overview

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 (optional) ✅

Screenshot

Here is the screenshot of my solution:

Links

• Live Site URL: Click here to browse for countries
• Challenge page: Solution page on Frontend Mentor

My process

Built with

• Semantic HTML5 markup
• CSS custom properties + SCSS
• JavaScript
• React.js
• React Router
• Rest Countries API
• Loads of thinking 🧠

What I learned

The main goal of taking this challenge was to improve my React.js knowledge, including the use of components, states, effects, and also React Router, links, params, etc. Most of these were new to me, so i'm kind of proud of myself for accomplishing this task (to a certain extent, of course, no one is perfect at their firsts)

Goal number two was to get more confident using APIs. Happy to say, this one has been accomplished, too.

Author

• Website - My portfolio site
• Git Hub - Here you are

Thanxx for your visit!

p.s. If you have any suggestion on improving this code, you're more than welcome to share your ideas!

Leave your comments below the commit of your choice or pull a request! ✨