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 | ReactJS, Bootstrap, framer motion

#bootstrap#framer-motion#react#styled-components
Kristine 310

@sn-tin

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


I am finally done with this challenge! Other than the features stated in the project guide, I added a scroll to top button from npmjs. And, I also added animations using framer motion. There are still some things that I have to fix, but for now, I'm sticking with this solution. Feedback to improve my work is highly appreciated :)

Community feedback

yishak abrham 2,150

@yishak621

Posted

Good design ..but the functionality part the search input should display a country whenever a user types a country name or add a search button ...and also in the single country preview page the border country should be clickable and when the user clicks on the specific border country it should display that specific country

0

Kristine 310

@sn-tin

Posted

@yishak621 Ahh I don’t know what happened with the search bar 🥲 it’s working when I’m on my laptop tho. I will try to fix it tomorrow. Thank you!

0
yishak abrham 2,150

@yishak621

Posted

@sn-tin what type of event user for the search ??

0
Kristine 310

@sn-tin

Posted

@yishak621 An onchange

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