Frontend Mentor - REST Countries API gallery with color theme switcher

✨ Live Demo

Description

Responsive page integrated with REST Countries API (upgraded to v3) that pulls and display country data. Solution for frontendmentor.io challenge.

Main features:

• Custom React Hook that uses Fetch API for pulling data
• Based on Next.js framework and Tailwind CSS
  
• Search function that instantly shows results on main page
• Filter countries by region
• Details page for each country
• Light and dark mode toggle

Usage

Installation

Please navigate first to the "site" folder! Then run:

npm install

Development

To run the app on a local server use:

npm run dev
# or
yarn dev

Production

To compile for production build:

npm run build
# or
yarn build

Credits

• Original design - Frontend Mentor Team
• REST API used - REST Countries
• CSS framework - Tailwind CSS
• Listbox design & code - tailwindlabs
• Loading spinner design & code - Tobias Ahlin
• Icons - ionicons
• 404 image - freepik