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

Counties Search

Raphael 160

@CosMo578

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


What are you most proud of, and what would you do differently next time?

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-ElAgamy

Posted

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 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