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 Countries Rest API Website With React.js and CSS Modules

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?

  • none

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

  • Many of the fields were missing in some countries data e.g, some countries did not have borders, capital, currencies, etc. This caused errors when running the application. I had to randomly click on countries to try and fce the errors so I know where to model the application to catch those errors.

  • The Documentation on the rest-countries API website does not contain much information. Response objects and fields are not explained

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

  • I would love to know how to add dark mode theme to the application when using :root in my css modules.

Community feedback

P
Abbas Sher 440

@Abbassher55

Posted

Your solution seems effective, but I noticed that when a user clicks on country so the inner country detail page is not responsive on mobile device

0

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