Overview
Weather Dashboard is a responsive web application that displays current conditions, hourly forecasts, and 7-day outlooks for any location worldwide. Users can save favorite locations and receive severe weather alerts.
Key Features
- Real-time weather data from OpenWeatherMap API
- Interactive radar map with precipitation overlays
- Animated weather icons using CSS and SVG transitions
- Geolocation-based automatic weather detection
- Dark and light theme support
Technical Highlights
Built entirely with Svelte 5 and vanilla CSS, this project avoids heavy charting libraries by rendering forecast graphs directly on a <canvas> element. API responses are cached in localStorage with a 15-minute TTL to reduce unnecessary network requests.
The radar map uses Leaflet.js with custom tile layers for precipitation and temperature overlays. Animations are handled through CSS keyframes and Svelte transitions for smooth state changes.
Comments