Country Navigator

Frontend Mentor - REST Countries API with color theme switcher solution

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

Country Navigator is a responsive React application that uses the REST Countries API to provide a comprehensive list of countries worldwide. Users can filter countries by continent, search by name, and view detailed information by clicking on country cards. For developers, this project serves as a showcase of React best practices with a focus on responsiveness and clean, extendable code.

Screenshots

HomePage - Light Mode	HomePage - Dark Mode

DetailsPage - Light Mode	DetailsPage - Dark Mode

Mobile - DetailsPage	Mobile - HomePage

Links

• Solution URL: GitHub
• Live Site URL: Vercel

Built with

• React.js
• MUI

Installation

1. Clone the repo

   git clone https://github.com/lyes-mersel/country-navigator.git

2. Install NPM packages

   npm install

3. Launch the server

   npm run dev

Author

• Website - Portfolio
• Github - @lyes-mersel
• Frontend Mentor - @lyes-mersel
• LinkedIn - @lyes-mersel

Made with ❤️