Skip to content

theonomiMC/countries

Repository files navigation

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

This is a my first Next.js project bootstrapped with create-next-app.

Description

The challenge

Users are 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

Screenshot 2021-09-10 at 14-53-06 Countries

Links

Built with

  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • React - JS library
  • Next.js - React framework
  • tailwind - A utility-first CSS framework