HTML · CSS · JavaScript

Weather Dashboard

A full-featured weather dashboard with live conditions, forecasts, and an interactive map.

RoleDesigner & developer

StackHTML, CSS, JavaScript, Open-Meteo API, Leaflet

TypeFrontend web app

Built a full-featured weather dashboard integrating the Open-Meteo API for live current conditions, hourly and 7-day forecasts, and city geocoding/autocomplete search.

Implemented an interactive Leaflet/OpenStreetMap view, browser geolocation-based weather lookup, and a saved-cities system persisted via localStorage.

Live current conditions plus hourly and 7-day forecasts
City geocoding and autocomplete search
Interactive Leaflet map with geolocation-based lookup
Dark/light themed UI with unit conversion (°C/°F, km/h/m/s) and a settings panel

Next projectSignal Room

→