Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Responsive Grid, react-route, TailwindCSS , React.

react, react-router, tailwind-css
Zet Mosoma•940
@zetmosoma10
A solution to the REST Countries API with color theme switcher challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Zet Mosoma's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License