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 with color theme switcher - React, Bootstrap v5

#bootstrap#react#accessibility
Rimsha 240

@rimshub

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

Solution retrospective


Hi Frontend Mentor community! Here is my solution to the rest countries api challenge with dark and light theme.

Difficult part Fetching borders data and integrating with existing country data was a hard part for me in this challenge. I should have used routers from start for that but still I have done it without react router dom. Please give your suggestions on improving my code or any advice.

Built With

  • React
  • Bootstrap v5 (It turns out to be a great choice for this challenge)

Thank you. Looking forward for your feedbacks✨

Community feedback

@freakyjones

Posted

Hi Rimsha congrats on completing the challenge 🎉🎉

your website looks just like the design. while reviewing your website, one mistake caught my eye, the filter by region dropdown list item cursor is not a pointer.

Happy coding :)

1

Rimsha 240

@rimshub

Posted

@freakyjones Oh, i just skipped it. Thank you!!

1

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