partly_cloudy_day

Personal Weather App 1.0

A simple web app that fetches live forecast data and presents it in a dashboard-like interface

JavascriptHTMLCSSREST APIsdata vizflexboxresponsive design

Context

During fire season, I wanted to know the air quality for the region to avoid health issues while hiking. I also wanted to have an answer to the common questions, "What should I wear? Do you think its going to rain today?"

Process

I built a webpage with HTML/CSS/JS to display the current weather conditions, hourly and daily forecasts, air charts for data points including Air Quality Index (AQI). It leverages weather.gov and Open-Meteo APIs and parses the JSON responses and render the forecast information in a digestable, easy-to-read interface.

Outcome

I pinned the weather dashboard in my browser tabs so the current forecast is a click away when I want to know what the weather is like.

Learnings

I enjoyed digging into the documentation for the chart.js implementation. I wanted to display some charts to better visualize the forecasts so this was a nice way to expand my Javascript capabilties.

Next steps

Revisit the layout and CSS. Incorporate more charts but style them consistently with the rest of the interface.