Submitted almost 2 years ago

Solution: REST countries API with color theme switcher.

#accessibility

Leonardo Bomfim• 90

@leubomfim

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

👋 Hello everyone 👋

This is the solution for the API countries REST challenge, it was very cool to solve this challenge, It was my first time doing a theme switch and I found it very fun, the API had a little difficulty in some parts.

I'll be happy to hear any feedback, or what could be improved in the code.

Thank you 👋❤️

Community feedback

Ahmad_Mana• 320

@UserAhmad2001

Posted almost 2 years ago

Hello Leonardo,

Congratulations on completing the countries API challenge 🥳

Your solution is responsive and beautifully designed, I got a tip for you to make it even better.

use the select and option elements in your region list for a more semantic code like this:

<select>
<option value='country value' > Country name </option>
<option value='country value' > Country name </option>
<option value='country value' > Country name </option>
</select>

Hope i was of help, Happy Coding

Leonardo Bomfim• 90

@leubomfim

Posted almost 2 years ago

@UserAhmad2001 Hello, Ahmad_Mana

I'm very grateful, and happy for your words 💗

Thank you very much for the tip, I will use the select and options tag.

It helped a lot 💗, Happy coding too 😊

All the best 💗

Adam-Hzi• 100

@Adam31-jpg

Posted almost 2 years ago

Hello I think you use the V3 api no ? If this is true can you tell me how to get the currencie and the native name of country pls ? Because in V2 it's easy but in V3 the api skeleton change

Leonardo Bomfim• 90

@leubomfim

Posted almost 2 years ago

@Adam31-jpg Hi, yes i am using api v3, so to get the currency, I iterated over the currencies using the for in.

Apologies for the delay.

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