Skip to content
Submitted almost 2 years ago

React | Typescript | TailwindCSS | ContextAPI (theming)

Igo Brasil Monteiro•150
@igomonteiro
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

Used endpoints

  • /all -> home page
  • /alpha/{code} -> details page
  • /alpha?codes={code},{code},{code} -> details page to get border countries name and code (cca2)

Future improvements

  • Componentize the back/border countries button

  • Refact some code (maybe implement Container/Presentational pattern)

  • Implement the API response type/interface

  • The countries select "dropdown" needs to be styled

  • Add loading states

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