REST countries app with color theme switcher. SASS, REACT,REACT ROUTER
Design comparison
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
- @denieldenPosted over 2 years ago
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 inurl
, 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 helpful0@isaacnovaesPosted over 2 years agoHi @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@denieldenPosted over 2 years ago@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 helpful0@isaacnovaesPosted over 2 years ago@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 - if you want to use the title for the
Please log in to post a comment
Log in with GitHubJoin 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