Skip to content

NonsoBarn/Countries

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Countries

Frontend mentor Countries API Challenge with color theme switcher solution

Netlify Status

A REST countries API challenge by Frontendmentor.io, with the following requirement:

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 (optional)

Tech Stack

Client: ReactJS, TailwindCSS, API

Demo

Link to Demo: https://countriesnb.netlify.app/

Lessons Learned

Using states, creating and using custom hooks with React, working with an API.

Screenshots

countries-dark

countries-light

countries-mobile-details-light

countries-mobile-details-dark

countries-mobile-dark

countries-mobile-light

countries-details-dark

countries-details-light

Authors