Submitted almost 2 years ago

React | Typescript | TailwindCSS | ContextAPI (theming)

Igo Brasil Monteiro• 150

@igomonteiro

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

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

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