Where In the World?

An online resource for country data including flags, population, currencies, and more

desktop size preview
laptop size preview
tablet size preview
mobile size preview

Features

  • Responsive layout to fit all device sizes
  • Hover states for all interactive elements
  • Loading spinners are shown during any pending server request
  • Users may choose a dark or light theme appearance
  • Users are able to search for countries by name
  • Users are able to filter countries by region
  • Users are able to click on a country and navigate to that country's detail page
  • Each country's page includes links to its border countries' pages
  • Data is fetched from the REST Countries API
  • Handles errors that occur during fetch requests

Tech Stack

  • Next.js/React Framework
  • SCSS Styling