Skip to content
Submitted about 1 month ago

Responsive rest-countries app

next, tanstack-query, typescript, tailwind-css
Oladayo Ajibola•80
@DeeBabaTech
A solution to the REST Countries API with color theme switcher challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

The project was overall nice. I was able to conclude all requested features. Feel free to give comments.

What challenges did you encounter, and how did you overcome them?

No challenge actually.

What specific areas of your project would you like help with?

None for now.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Thomas TS•1,270
    @ttsoares

    Neat solution !

    An UX suggestion:

    If the page is in dark mode, it makes more sense if the upper corner show “Light Mode” and vice versa. When the user click in the mode toggler button is to change to the other mode not the present one.

    Comments:

    • Usually we do not leave unnecessary comments in the final version. Like the one in the tailwind.config.js.
    • Your "Back" button is moving back in the browsers's history. When I did this solution, it was my understanding that this button move the user back to the all flags page.
    Marked as helpful
  • Marzia Jalili•7,190
    @MarziaJalili

    A game build! 👑

    A tiny tweak?

    ✅ Consider using the label element for the entire input section so that clicking anywhere on the box will take you to the input field.

    Other than that, the web's lit! 🔥🔥🔥

    Marked as helpful

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