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 JS with Semantic UI React

Felipe OG 730

@felipeog

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


Hello!

In this challenge I experimented with Semantic UI React.

Any feedback is appreciated!

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Felipe Oliveira! 👋

Nice to see you complete another challenge! You've done a very good job on this one! 👏

Your solution looks great and responds nicely, and you've done a good job in remembering the hover and focused states of the various interactive elements of the page. 🙌

The only thing you might have forgotten (or perhaps intentionally left out) is to implement the light/dark modes in the original design.

One other cool thing you could do if you're up for it (that I've seen in other solutions to this challenge) is to update the list of countries as the input box changes (rather than waiting for users to hit the search button).

Great job, once again! 👍

Keep coding (and happy coding, too)! 😁

1

Felipe OG 730

@felipeog

Posted

Hey, @ApplePieGiraffe! Always good to hear from you.

The Semantic UI React framework really helped with the states, but the solution ended up not being that close to the design.

I intentionally left the dark theme out for now, but I will implement it in the future for sure.

Good catch on the search behavior, I think it is a great idea!

Thanks again for the feedback and happy coding!

1

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