Skip to content
Submitted over 1 year ago

Rest countries API

Matthias Nilsson•980
@RalfiSlask
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

It was a really fun challenge! I

had some problem though with converting the alpha-3 country codes to country names. I tried with the Intl.DisplayNames method but it only works with alpha-2 codes. So i simply had to fetch the API again and get the names of the border countries that way. If there is a simpler way to solve this it would be nice to know.

Other feedback is also appreciated!

Community feedback

  • Tomi Hojnadel•430
    @tomashoj2001Posted over 1 year ago

    Hi! It´s going so well :) My way to get the borders is:

    countries
    .filter(c => borders.includes(c.cca3))
    .map(c => c.common)

    Countries is the API response and borders is the array of borders in the country in which you are.

    With the filter I´m taking ALL the data from the countries that includes cca3 name (such as 'SWE' for Sweden) and with the map I´m taking the common name of the filtered countries.

    I hope my explanation was clear!

    Marked as helpful
    0

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