Design comparison
Solution retrospective
What I am Proud of
I am proud of the fact that I was able to complete this project and learn new concepts while building it.
What I would do differently I would try to improve my speed while building any other project
What challenges did you encounter, and how did you overcome them?I wasn't able to link the border countries to each other at first, but then I did it.
Community feedback
- @Mahmoud-ElagamyPosted about 2 months ago
I thoroughly enjoyed exploring your Rest Countries API app. The implementation is both innovative and user-friendly, particularly how you’ve opted to store the application state in the URL. This approach allows for easy sharing, bookmarking, and seamless navigation—something that enhances the overall user experience. That said, I noticed a couple of areas where the app could be improved.
Container Width Scaling:
Observation: The container of the app does not have a defined max-width, which causes it to continuously expand with the screen size. On larger screens, this can affect readability and layout.
Suggestion: Setting a max-width for the main container can help maintain a consistent and aesthetically pleasing layout across all screen sizes, ensuring the content remains visually balanced.
404 Error on Country Details Page Reload:
Observation: When visiting the country details page and reloading, I encountered a 404 error. This disrupts the user experience, especially if someone is trying to revisit a specific country's details via a direct link or after refreshing the page.
Overall, your app is highly functional and provides a smooth, interactive experience. By addressing the issues with container scaling and handling page reloads, the app can become even more robust and user-friendly. I look forward to seeing your future updates!
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