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

Countries API (VueJS, Nuxt, Pinia, Typescript)

Nikolas• 190

@Niko0918

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


Countries app fetching data from restcountries.com.

  • Color system with default color based on your system settings, api, basic search-input using ".includes" function working parallel with select-input.

TODO:

  • Detail page margins, font size (responsivity)
  • Search input delay
  • Last country card on homepage might have wrong position.
  • Add loading bar when is waiting for a data

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