Sky Scout

An intuitive web app that delivers local weather insights with a visual twist.

Comment

Inspiration

We wanted to create a weather app that’s not just functional, but intuitive—delivering instant, hyperlocal forecasts with an immersive visual experience by combining the power of Google Maps Platform and Places APIs.

What it does

Sky Scout instantly detects your location (based on permissions) for real-time weather or lets you search any city worldwide with autocomplete suggestions. When you select a location, the app fetches a relevant background image from Google Places, creating a visually engaging, personalized forecast.

How we built it

We used Vite for the frontend, Amadeus and API Ninjas, Open-Meteo, and Google Maps Platform (including the Places API) for autocomplete and site imagery. The app consumes multiple APIs, orchestrating requests based on user interaction, and updates the UI dynamically.

Challenges we ran into

  • Fetching location data in different formats (coordinates, zip codes, location names)
  • Adding international support (required a different API)
  • Coordinating asynchronous data across several APIs to ensure users get fast, accurate updates with minimal delay.
  • Error handling for if any of the APIS failed
  • Sourcing location-relevant images reliably across international cities.
  • Learning to work with the expansive API library from Google

Accomplishments that we're proud of

  • Achieved seamless integration of real-time geolocation and reverse geo-location, search autocomplete, and dynamic visual backgrounds.
  • Delivered a weather app that feels both personalized and global, enhancing utility through creativity.

What we learned

  • Using multiple APIs and creating backups and error handling if anything fails
  • Techniques for improving user experience through multi-API orchestration and progressive UI updates.

What's next for Sky Scout

  • Integrate more advanced weather visualizations, such as radar.
  • Add user preferences for units and favorite locations.
  • Expand support for more languages and accessibility.

Built With

Share this project:

Updates