Progressive Web App (PWA), API Integration, Open Source
ย Timeline: Jul 2023 - Nov 2024
๐ Real-time Weather by city or device location
๐ 5-Day Forecast displayed alongside current conditions
๐ฒ Installable PWA: Works offline once cached
๐ Shareable URL with dynamic city-based queries
๐ Mobile-First UX with shortcut support for quick access
Framework: Vanilla JavaScript, HTML, CSS
APIs: OpenWeatherMap for weather data
PWA: Add to home screen, offline support, install prompt
URL Routing: City-based weather sharing via URL query (e.g., ?city=Tokyo)
GeoLocation API: Pulls local weather data with user permission
Search for any city or use your current location
View weather data + forecast instantly
Share your custom weather link with others
Install the app via browser or prompt
โน๏ธ Default city is Singapore if no query is given โ not a bug, just a fallback!
๐บ๏ธ Regional Heat Maps: Visualise temperature trends across a country
๐ง Severe Weather Alerts: Get notified about storms or warnings
๐ Saved Locations: Pin favourite cities for quick access
๐ง AI Weather Summary: Generate natural-language summaries