Submitted about 2 months ago

REST Countries | React, Modular CSS, React Router

delroscol98•410

@delroscol98

Preview site View code

This is a solution for...REST Countries API with color theme switcher

HTML
CSS
JS
API

4advanced

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud of the UI, I think I did a solid job in making the website responsive to various widths. If I were to build this project again, I would try to build it with HTML, CSS, and modular JavaScript to practice the fundamentals.

What challenges did you encounter, and how did you overcome them?

One challenge that I overcame implementing the switch from light mode to dark mode. Having to go to each element and change the background or the text colour was long and tedious. Another challenge was slicing the data array to show only 8 countries and adding pagination to navigate between the countries rendered. Using useReducer to increase/decrease the page number and thus render the next/previous set of countries was the solution.

What specific areas of your project would you like help with?

Persisting dark mode 404 status when the country's page is refreshed.

Community feedback

Mahmoud Elagamy•900
@Mahmoud-ElagamyPosted about 2 months ago
Hey, I've been using your Rest Countries API and have encountered few issues that I believe could be addressed to enhance the user experience:

404 Error on Reloading Details Page: Upon reloading a country's details page, a 404 error is returned. This can be frustrating for users who want to revisit specific information.

404 Error for Border Countries: When visiting a country from border countries for a specific country a 404 error occurs.

Missing Text for Unfound Country: When searching for a country in a specific region and the country is not found, maybe providing a more informative message or suggest alternative search terms.

No Search Results After Pagination: If a user searches for a country and then uses pagination and back to search for a specific country no result will be found.

I believe that addressing these issues would significantly improve the usability and reliability of the Rest Countries API. Thank you for your time and consideration.
Marked as helpful
0

Please log in to post a comment

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