Frontend Mentor - REST Countries API with color theme switcher solution

This is a solution to the REST Countries API with color theme switcher challenge on Frontend Mentor with some UI modifications. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
• Author

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
• Toggle the color scheme between light and dark mode

Screenshot

Links

Live Site URL

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow
• REST Countries API
• React
• React Query
• React Router
• Tailwind CSS
• MaterialUI
• React Spinners
• Flaticon - for the favicon

Author

Chiara Stefanelli - Front-End Development Student based in Italy

• Website - Chiara Stefanelli
• LinkedIn - Chiara Stefanelli
• Frontend Mentor - Chiara Stefanelli