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

REST countries app with color theme switcher. SASS, REACT,REACT ROUTER

#react#sass/scss#react-router

@isaacnovaes

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


Hey! 😁

It was awesome doing this project. I practiced further the React fundamentals as well as React Router for SPA

If you see something that could be improved, please let me know

Community feedback

Travolgi 🍕 31,480

@denielden

Posted

Hi Isaac, great work on this challenge! 😉

Here are a few tips:

  • if you want to use the title for the href attribute you have to parse it in url, it can give problems creating links with empty spaces or special characters
  • if I type a query that doesn't give any results, nothing happens, try adding a "no results" message
  • in the filters there is no way to return to all countries after choosing a region, add an entry "all region"

Overall you did well 😁 Hope this help!

Marked as helpful

0

@isaacnovaes

Posted

Hi @denielden! I really appreciate your three tips!

The second and third ones have just been fixed.

The first tip is kinda unclear, because I don't see any place where I used a title attribute in a link element. However, if you could show me where it is in my code, I would love to fix it too.

Once again, thank you for revising my solution!

1
Travolgi 🍕 31,480

@denielden

Posted

@isaacnovaes You are welcome! 😁

Forgive me I explained myself badly, I meant that you used the name of the country in the link without parsing it at url:

<Link to = { / countries / $ {countryData.name} }>

If you try to open a country like United Kingdom and look at the browser url you will see what I mean, the url should be ... / countries / united-kingdom and not ... / countries / United% 20Kingdom

Marked as helpful

0

@isaacnovaes

Posted

@denielden Ah, now I got you. I've looked into it and I found out that this issue came up because I used the countries' names as is, i.e. with empty spaces.

It's fixed now.

Once again, thanks a lot!

1

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