Flag Filter Fun - REST Countries API with color theme switcher

Links

• Solution URL: Github
• Live Site URL: https://flag-filter-fun.vercel.app/

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

Screenshots

Light mode

Dark mode

Performance

Running locally

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:5173/ with your browser to see the result.

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

Built with

• Vite - bootstrapped project
• React - JS library
• Tanstack React Query - data fetching and caching
• Tailwind CSS - utility class library

Author

• Website - Scott Cook
• LinkedIn - @scott-cook