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