Skip to content
Submitted about 1 year ago

ReactJS API Countries with data caching & extra features

Ahmed Huzain•380
@ElHuzain
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

Had much fun building this one :) Thought it'd be easy at first, and I decided to challenge myself by adding extra features:

  • An extra filter
  • Local data caching instead of fetching from API everytime the webpage loads
  • Pages (As in, dividing the array of countries to pages instead of loading the entire thing :p)

And yea, turns out it wasn't as easy as expected, but I did learn new tricks and libraries ^^

  • Redux & React Redux
  • React Router
  • Styled Components

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord