Skip to content

A responsive React app for exploring and learning about countries worldwide, powered by the REST Countries API.

License

Notifications You must be signed in to change notification settings

lyes-mersel/country-navigator

Repository files navigation

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

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

Made with ❤️