Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

REST Countries API using React

Ronald Millan• 70

@rmillandev

Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
4advanced
View challenge

Design comparison


SolutionDesign

Community feedback

Naren-ReactDev• 150

@Naren-ReactDev

Posted

Excellent design and state management.

One thing I noticed is, filter drop down not holding the selected value, as you are using ul, li for that. you can use select and options instead so you can see the selected value.

<select id="regionFiltorSelect" onChange={(e) => { handleClickRegion(e.target.value); }}>

<option value="">Filter by region</option> <option >Afrca</option> <option>Asia</option> <option >Europe</option> <option >America</option> </select>

Hope that is helpful. overall nice work. Thanks, Naren

0
Alexis De Leon• 470

@alexisdlr

Posted

Hola Ronald, como recomendación a tu solución. Me di cuenta que solo al dar click en la imagen de la bandera es cuando te manda al detalle, para una mejor experiencia del usuario recomiendo que envuelvas toda la card en un <a> , también que añadas algún loader, seria todo, sigue mejorando!!!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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