Submitted almost 2 years ago

REST Countries API - React, React Router, Bootstrap

#accessibility#bootstrap#react#react-router#sass/scss

darryncodes• 6,430

@darryncodes

Preview site View code

This is a solution for...

REST Countries API with color theme switcher

HTML
CSS
JS
API

4advanced

View challenge

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

@miroslavdurin

Posted over 1 year 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

darryncodes• 6,430

@darryncodes

Posted over 1 year 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 🤙

Please log in to post a comment

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