Embedded Files
A simple weather app; view today's weather at a glance!
A simple weather app; view today's weather at a glance!
Progressive Web App (PWA), API Integration, Open Source
ย Timeline: Jul 2023 - Nov 2024
A location-aware Progressive Web App (PWA) that provides current weather data and a 5-day forecast using the OpenWeatherMap API.
A location-aware Progressive Web App (PWA) that provides current weather data and a 5-day forecast using the OpenWeatherMap API.
Built with modern web technologies, the app is optimised for desktop and mobile use and supports one-tap installation on Android and iOS.
Built with modern web technologies, the app is optimised for desktop and mobile use and supports one-tap installation on Android and iOS.
๐ What It Does
๐ What It Does
๐ 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
๐ง Tech Stacks
๐ง Tech Stacks
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
๐งญ How It Works
๐งญ How It Works
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!
๐ง In Progress / Future Ideas
๐ง In Progress / Future Ideas
๐บ๏ธ 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
Google Sites
Report abuse