Skip to content
Submitted over 2 years ago

Mobile responsive countries API with dark mode, Next.js & Tailwin

next, react, tailwind-css
Patryk•100
@yehoki
A solution to the REST Countries API with color theme switcher challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Mobile responsive countries API site made using Next.js with TypeScript and TailwindCSS.

Some future improvements I had in mind:

  • Enable dark mode either using media query 'prefers-color-scheme' or save it to LocalStorage for the browser itself.
  • For larger scale projects: Each country site should ideally make a separate & individual API call to prevent stale data taken from the 'all countries' REST response.
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Patryk's solution.

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