Design comparison
Community feedback
- @goyal-DushiPosted 7 months ago
Hi , there are few bugs in your application.
BUG 1 : Multiple countries data coming while viewing single country detail
Steps to reproduce
- Click on any country to view their details
- Type in name of another country in the search box and click on search
Issue : You will see that the country searched for comes above the country initially present in the UI, instead, it should either get replaced with the new search result or you shouldn't have the search box and filter by region while viewing a particular country detail !
BUG 2 : Neighboring countries not clickable
- The neighboring countries are not clickable
BUG 3 : Region filter goes away on Back click
After applying region filter, if we select a particular country to view its details and move back using the back button, the previously applied region filter goes away !
BUG 4: Search result vanishes from UI after blur
Looks like CSS issue : After typing any country name inside the search result, if we click outside the search box, the typed value goes away from the input field
Marked as helpful0 - @FelipeAmorimDEVPosted 7 months ago
How i do to show loading placeholder when a country are clicked, has any lib for do this ?
Congratulations, the UI was so good
0@wyasynPosted 7 months agoHi, thank you. I used next.js to build the challenge and used the loading UI component for the transitions in addition to framer motion. @FelipeAmorimDEV
1
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