Skip to content
Submitted 7 months ago

Responsive Weather App with React, TypeScript, Tailwind, and Vite.

react, typescript, tanstack-query, tailwind-css, vite
LVL 1
Omaimah30
@omaima112
A solution to the Weather app challenge

Solution retrospective


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

I’m proud of how polished the UI feels, especially with the dynamic weather icons and theme toggles. It gives the app a consistent, “alive” look across devices. Next time, I’d plan animations earlier in the workflow so transitions between weather states and modes feel even smoother.

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

Handling API state alongside client state was tricky at first, but TanStack Query made it easier to organize and cache data cleanly. I also ran into double notifications, which I streamlined into a single, clear success/error system. Finally, making charts fully responsive was a challenge, but fine-tuning Tailwind breakpoints and testing across devices solved it.

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

I’d love feedback on enhancing the overall user experience through smoother UI animations (e.g., toggle and background transitions) and making interactions like dropdowns or selectors more intuitive. Additionally, any suggestions on optimizing the app’s performance and accessibility across devices would be greatly appreciated.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Omaimah’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