Frontend Mentor - REST Countries API with color theme switcher solution

Welcome! 👋

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

Table of contents

• Frontend Mentor - REST Countries API with color theme switcher solution
  • Welcome! 👋
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
    • Built with
    • What I learned
  • Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• Search for a country by name
• Filter for a country by region
• Toggle color theme to their preference

Screenshot

Links

• Solution URL: Github
• Live Site URL: Vercel

Built with

• React
• TypeScript
• styled-components
• axios
• ESLint
• Prettier

What I learned

I learned how to use custom hooks to implement dark mode.
I learned how to use search and filter functionality with the an API request.

Author

• Github
• LinkedIn
• Medium
• Frontend Mentor
• CodePen