Skip to content
Submitted 8 months ago

Mobile-first Weather App using CSS Grid and API's

LVL 1
@Dnyaneshwar-dnyanu
A solution to the Weather app challenge

Solution retrospective


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

Most proud of: I'm most proud of making the app fully responsive and interactive, with live weather updates and smooth UI interactions.

Next time: Next time I'd focus on optimizing API calls and adding more features, like integration of AI, to make the app even more user-friendly.

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

Challenges: Integrating the weather API, voice search, search suggestions and making the app fully responsive on all devices was challenging.

How I overcame them: I used Discord chats for guidance, debugging, CSS Grid/Flexbox for layout, and carefully handled the API responses and voice search with JS to ensure smooth functionality.

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

Areas I'd like help with:

  • Optimizing API calls to reduce load time.
  • Improving voice search accuracy and handling edge cases.
  • Enhancing responsiveness for very small or very large screens.
  • Adding advanced UI features, like animated weather effects or better dropdown interactions, and integrating an AI agent for smarter user interaction.
Code
Loading...

Please log in to post a comment

Log in

Community feedback

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