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

Next / Typescript / Redux-Toolkit / Tailwind CSS

Tomislavβ€’ 170

@tsertic

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


🦈 Greetings,

πŸ† This is my solution for REST countries API with color theme switcher

πŸš€ PageSpeed Insights Score :

  • Desktop 98/ 100 / 100 / 100
  • Mobile 86/ 100 / 100 / 100

πŸ€– Tech used:

  • Typescript
  • NextJS 13
  • Tailwind CSS
  • Redux-Toolkit

πŸ“š Libraries:

  • Framer-motion
  • Axios

πŸ“„Features

  • Theme Switcher
  • Infinite scroll (UI/UX and optimization of fetched data)
  • Smooth layout transition when filtering data

Any feedback or comments are more than welcome.

Thank you, and let's all keep improving, learning, and becoming better at Coding! πŸ’ͺ

Community feedback

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