REST Countries API using HTML, SASS and Vanilla JS

Community feedback

• 

  Luis Castillo•380

  @lipe11

  Posted over 1 year ago

  Hi, very brave to use vanilla JS on this project :)

  For the borders, there's and endpoint to get country data by its code. You could get the country name there https://restcountries.com/v3.1/alpha/{code}

  I think the async/await syntax makes the code simpler in this case.Something like this:

  async function fetchCountry(name) {
    const country = {
      name: { common: 'Guatemala' },
      borders: ['BLZ', 'SLV', 'HND', 'MEX']
    }
    
    return {
      name: country.name.common,
      borders: await Promise.all(
        country.borders.map(fetchCountryName)
      )
    }
  }
  
  async function fetchCountryName(code) {
    const res = await fetch(`https://restcountries.com/v3.1/alpha/${code}`)
    const [country] = await res.json()
    return country.name.common
  }
  
  fetchCountry().then(console.log)
  

  For the SASS issue, I'm not sure if I understood the problem correctly, but maybe tag.classList.add('className') might do the trick.

  03