REST Countries Explorer

Frontend Mentor Challenge

Next.jsTypeScriptTailwindCSS
REST Countries Explorer

Project Overview

The Problem

Static country data sources limit usability and aren’t interactive for users who want quick information.

The Solution

A searchable, theme-toggle interface for country info using live data with dark/light UI support.

Target Audience

Frontend developers, learners, and curious users exploring countries and their details.

Project Screenshots

REST Countries Explorer screenshot 1
Click to view
REST Countries Explorer screenshot 2
Click to view
REST Countries Explorer screenshot 3
Click to view
REST Countries Explorer screenshot 4
Click to view

My Role

Frontend Developer

  • Fetched and displayed live country data using REST API

  • Implemented search, region filter, and detail pages

  • Added dark/light theme switcher with localStorage support

  • Built fully responsive layout using TailwindCSS

Stack Used

Technologies

Frontend

Next.jsTypeScriptTailwindCSS

Tools

REST Countries APIVercel

Why This Stack?

Used modern frontend stack for performance and maintainability while practicing UI logic and state management.

Key Features

  • Country list with flag, population, region, and capital

  • Detail pages with currencies, borders, and subregion

  • Search by name and filter by region

  • Dark/light theme toggle

  • Responsive design for mobile/tablet/desktop

Interested in working together?

Let's discuss how we can bring your ideas to life.

Get in Touch