Skip to content
Submitted over 2 years ago

REST Countries API - React, React Router, Bootstrap

darryncodes•6,370
@darryncodes
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 👋

I'm really happy to be posting an advanced challenge solution. It's the culmination of a lot of hard work and the direct result of taking on FEM challenges almost exactly a year on.

This challenge was a great chance to hone in on manipulating api data, improving my ES6 knowledge, practicing React Router levelling up my single page application skills and I was able to get more familiar using npm packages.

I made the theme switcher detect the user's operating system preference, added a loading spinner and was conscious to make the user interface navigable using a keyboard.

Any feedback that could help me to improve would be very welcome!

Happy coding 🤙

Community feedback

  • Miroslav•180
    @miroslavdurinPosted over 2 years ago

    Hello Darryn, Congratulations on finishing advanced project, this one was challenging to me as well.

    I think you should check your Country component. Instead of displaying Border Countries:, it displays a string with bordering countries all together, like this ArmeniaAzerbaijanRussiaTurkey. I think that should be a easy fix and besides that, you did a great job!

    Have a nice day and happy coding :)

    Marked as helpful
    0
    darryncodes•6,370
    @darryncodesPosted over 2 years ago

    Oh nice spot @miroslavdurin. I changed some logic quickly at the end, knew I might regret it 😂

    I’ll get that sorted asap, cheers 🤙

    1

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