Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

REST Countries API

#react#react-router#tailwind-css#accessibility
Eles• 1,300

@eleswastaken

Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


First time using React.

Additional features:

  • Loading css skeleton(all pages)
  • Reload/shuffle button (re-orders countries)
  • Blurred background for different-ration flags

Things I would like to change:

  • Want to add moon and sun icons to the theme switch
  • Want to add per page filter (only styling left)
  • Theme management (on first load the theme toggle is in the wrong position)
  • Need to configure netlify redirects

I would appreciate if you could suggest some resources to check out on learning react, and actually everything.

I would love to hear you thoughts! Thank you!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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