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

React app with styled-components

Geoffroy 170

@dr0geo

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


This is my first app made with React. I also decided to have a look at styled-components. If you have any feedback, whether on the app itself or its code, I would appreciate it ! :)

Thanks !

Community feedback

T
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Geoffroy! 👋

Great job on this challenge! Your solution looks good and responds and works well! 👍

I suggest,

  • Looking into the drop-down menu in the upper-left corner of the page. Currently, it just stays open and doesn't collapse when clicked.
  • Adding a subtle box-shadow to the country cards in the light theme of the page would make them stand out against the background a little more!

Keep coding (and happy coding, too)! 😁

0

Geoffroy 170

@dr0geo

Posted

@ApplePieGiraffe Hi ! Thank you very much for the feedback ! It actually worked fine on Firefox, but I didn't check it on Chrome, my bad... Anyway, I made a couple of changes, and it should work fine on the different browsers now ! :)

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