Submitted 12 months ago

ReactJS API Countries with data caching & extra features

Ahmed Huzain• 380

@ElHuzain

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

REST Countries API with color theme switcher

HTML
CSS
JS
API

4advanced

View challenge

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

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