Skip to content

This challenge is integrating with the REST Countries API to pull country data and display it like in the designs.

Notifications You must be signed in to change notification settings

nitesh0581/Rest-countries-with-api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

Implemented using React

The challenge

Users should be able to:

  • See all countries from the API on the homepage
  • Search for a country using an input field
  • Filter countries by region
  • Click on a country to see more detailed information on a separate page
  • Toggle the color scheme between light and dark mode.

Screenshot

Links

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow
  • Context API for Dark/Light mode
  • Axios for data fetching
  • React - JS library
  • [Rest-Coutries-API-used]-(https://restcountries.com/)

What I learned

  • React Hooks
  • React Routing
  • Theme switcher
  • Media queries
  • Context API
  • useReducer Hook

Releases

No releases published

Packages

No packages published