Overview
Developed a weather product that blends forecast data, map context, and alert states into a readable daily workflow.
frontend
Weather Dashboard
A location-aware weather experience with forecast depth, map context, and clear visual hierarchy.
VueTypeScriptOpenWeather APILeaflet MapsTailwind CSS
Challenge
Weather interfaces often overwhelm users with dense data. The goal was clarity across desktop and mobile while preserving detail depth.
Process
I structured information by intent (now, next hours, week), introduced clear visual grouping, and optimized fetch/update timing.
Technical Decisions
Built with Vue + TypeScript, OpenWeather APIs, Leaflet map layers, and responsive chart modules for concise forecast storytelling.
Outcomes
Users could scan current conditions quickly and move into deeper forecast context without navigation friction.
Role & Responsibilities
Owned UI architecture, data modeling, interaction design, and responsive behavior.
Impact Metrics
7-day
Forecast horizon