Skip to content
Submitted about 3 years ago

React library app with dark theme, using external API & react router

Mathieu FONTAINE•265
@mathieufontaine
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

Hi everyone! It was a really nice challenge to practice my JS skills with react library. I also used BEM methodology (with SASS) for the first time. Everything seems to work but I wonder if I could have better structured my code in more react components and better organize my CSS code as well. If you have any suggestions, don't hesitate. I also included a sorting function to rank countries by population size.

Community feedback

  • Leonardo Meza•245
    @leonardomeza87Posted about 3 years ago

    Hi, I am fine with the way you structured your files, good job.

    Testing a bit I found that I cannot change the filter by region without restarting it, that is, filter from Americas to Europe, countries are not loaded that way.

    Also, if I write a country code that does not exist in the address bar, it loads the page of a country without any data.

    0

Please log in to post a comment

Log in with GitHub

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