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 | NextJS, TailwindCSS

Ian 310

@ianbuen

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

kdiffin 40

@diffim

Posted

bro great job i already finished my challenge but looking at ur code i got some inspiration to do better, like destructuring objects more and using stuff like getNativeName() instead of just having that logic scattered all over the place as consts

0

Ian 310

@ianbuen

Posted

@diffim Thanks man! You got this, we all get/been there at some point, we keep learning from others too.

0
Ian 310

@ianbuen

Posted

Attribute "loading" not allowed on element "img" at this point.

NextJS <Image> component features lazy loading (loading="lazy") that results to these 'errors' picked up by the HTML validator.

I added a back-to-top button and infinite scrolling. It's also my first time to use Tailwind-CSS. I usually use custom CSS or SASS. Might be messy.

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