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

Responsive Grid, react-route, TailwindCSS , React.

Zet 800

@zetmosoma10

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?

I always wanted to build this web page , and i am proud that i finally did. I really loved building it, i learned a lot along the way. On this Project i work with the following

  • React
  • react-router
  • search/query params
  • loading skeletons
  • tailwindCSS
  • darkMode class

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

The challenging parts of this page was the CustomeDropdown , it would have been easier for me to just handle it using state. But i wanted to expand my knowledge and use search/query params , and it gave me tough time but finally did my best where i can. And first time writting the Dark mode using TailwindCSS and it was Very Nice, even though i know its not the best solution out there.

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

Anywhere in the code i will appreciate any Feedback. BUT more on the CustomeDropdown (why ?) - because i need to select the option (e.g Africa) and click any country from there and when i am in its country-detail, i want the Back Link to take me back to African countries NOT all Countries like it does now. I tried passing state to the Link and cache it using useLocation in the countryDetail but it just not working, i dont know why.

Any Feedback will be appriciated

Community feedback

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