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 - Built with NextJS 13 and tailwind

CODE STEAL 680

@leandrorodrigues00

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


First project with NextJs 13 and one of the few with Tailwind ( Although I prefer css-in-js, it's not currently compatible with Next13 because it relies on runtime JavaScript, which cannot be used in server components).

Any feedbacks to improve my future projects are welcome !! :)

Community feedback

@0xabdulkhaliq

Posted

This comment was deleted

0

CODE STEAL 680

@leandrorodrigues00

Posted

@0xAbdulKhalid

This is not a real accessibility problem, but an information problem with these tools. You can run the screen reader on the button, or view the page online, and everything will work normally because the button has a required property: internal text that is visible to screen reader users.

Tools like axe DevTools (tool used in the analysis) are great for locating potential accessibility problems. But if you install it in your browser and run an analysis on any site, for example youtube, it will give you more than 400 problems. In FrontendMentor itself some of them, github, etc.

In the end you have to test it!

Thanks for the feedback, have a great day !! :)

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