Submitted about 2 months ago

Weather app w/ Next, TypeScript & AI chat 👨‍💻

next, typescript, zustand, tailwind-css, playwright

Adriano•42,920

@AdrianoEscarabote

A solution to the Weather app challenge

Preview Code

Solution retrospective

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

I’m most proud of integrating AI into the app (chat with contextual city/units) alongside voice search, which made the experience more helpful and fun. Next time I’d invest earlier in a contract‑driven data layer (typed API models + adapters), add Storybook/visual tests sooner, and formalize error boundaries/loading states from day one.

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

The biggest challenge was organizing inconsistent API data (partial arrays/undefined values) that could crash the UI. I solved it by normalizing responses (e.g., a shared normalize/guard layer with safe number formatting), adding defensive rendering in components, and stabilizing E2E with consistent mocks and a bootstrap helper to ensure a predictable UI state.

Code

Please log in to post a comment

Community feedback

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