Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

REST Countries API with color theme switcher with ReactJS & Redux

P
Hamza H.โ€ข 460

@hhamza1

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


I managed to develop it with React purely, currently adding Redux bits(actions, reducers,...). I have a plan of adding authentication, liking, commenting features to be stored(Firebase or MongoDB)

Any suggestion to improve things and learn better practices?

Community feedback

P
Matt Studdertโ€ข 13,611

@mattstuddert

Posted

Awesome work on this challenge Hamza, your solution looks great! My only suggestions would be for certain pieces of functionality within the app:

  • The region filter was proving a little tricky to use. Firstly, the area to click was only the small arrow, whereas I'd expect the whole thing to be clickable. Also, some of the filters didn't seem to be working properly.
  • You could also turn the border countries on the detail page into clickable links.

These are small things though. I hope you enjoyed the challenge. Keep up the great work! ๐Ÿ™‚

1

P
Hamza H.โ€ข 460

@hhamza1

Posted

@mattstuddert Thank you Matt for the feedback, It was quite challenging, but was a great exercise to properly learn React+Redux :

  • I will check the region filter and try to see fix that.
  • I like the suggestion of the border countries, I will try to implement that.
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