Submitted over 1 year ago

Countries API using React & SCSS 🌍

Anastasiia• 120

@anastasiiaal

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

REST Countries API with color theme switcher

HTML
CSS
JS
API

4advanced

View challenge

Design comparison

SolutionDesign

Solution retrospective

Here is my solution to the Countries API challenge with a color-theme switcher.

Feel free to share your opinion on me code! This challenge being my first "serious" React project, I'm here to learn the best practices, so if you have any improvement suggestion to make, you're welcome!

Have a great day y'all! ✨

Community feedback

Emmanuel Daniel• 1,170

@coderdannie

Posted over 1 year ago

Hi. Congrats on the completion of this project. An extra features you can add is to store the themes state using browser localstorage so that your site can maintain the theme state even if the page was reload. Right now if I switch to darkmode and reload the web page its switching back to the default theme. Using browser storage to store the theme and accessing the themes based on user preference will prevent this from happening. https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Anastasiia• 120

@anastasiiaal

Posted over 1 year ago

Hello @coderdannie , thank you for your comment. I've been thinking about adding this feature, but stayed focused on the main topics of the challenge. Might add this one in some future release. Good day to ya! 🌈

UPD: Feature added 👌

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