Design comparison
Solution retrospective
Hi guys hope you're doing good, i just want to know how you guys manage the way to receive the information of the api when the properties are dynamic, i mean in this case some countries can have "borders countries" or not, so if i do something and a country return an undefined property my app just crash, i manage the way to solve but i dont know if they are good practices, so if you have any recommendations to improve that way, will be very grateful, happy coding.
Community feedback
- @besttlookkPosted over 2 years ago
HI, Really loved your work espcially the animation part. Tho it require some fine tunning.
- I think you forgot to change the color of icons(back/search) for dark mode.
- On detail page, there is no gap between the title and result.
- Caret sign on filter touches the boundry. If you could make custom filter that would be awsome(I know its hard to style the select input element)
- One major issue is filter and search does not work together.
- Create link on border country name.
When i did my project i didnot consider what will happen if there is no border country. But not im gonna check see if it crashes in my case too .
Overall it was a great work
#happyCoding
1@D3press3ddPosted over 2 years ago@besttlookk
- omg, yes i forgot that
- what do you mean? the nav and the country details?
- I will add a customize one
- what do you mean?
- i was thinking to add that later.
Thank you for your feedback, really aprecciate
0 - @denieldenPosted over 2 years ago
Hi Anthony, great work on this challenge! π
Here are a few tips for improve your code:
- to make it look as close to the design as possible add
aspect-ratio: 4/2
to the flag img and removeheight
- 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
- I would also add a query reset button, I find it very convenient
- in border countries you have to check: if there are data show them otherwise you return a string "no country"
- border countries on click not work
Overall you did well π Hope this help!
0@D3press3ddPosted over 2 years ago@denielden 1.-Oh sure, let me work in that 2.- Oh no , that looks weird is because is Link component from React Router. 3. Oh, youre right i didn't think about that 4.- A button to reset the query? 5.- i did it but instead i used "no borders founds", do you recommend to use "no country" instead? 6.- I will add that function later, i forget it
Thank you for your feedback, that help me a lot, really aprecciate it.
1 - to make it look as close to the design as possible add
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