← Archive14 / 16
Lab noteNo. 14
Weather Mini
A small React weather app with current conditions and a 5-day forecast for any city or your current location.
- Made
- Dec 2024
- Type
- Web app
- Stack
- React / Bootstrap / OpenWeather

Why I built it
A small companion to the full dashboard, to practise React basics: state, effects, props, conditional rendering and forms.
What I learned
- Chained requests: one effect fetches the current weather, then uses its coordinates to fetch the forecast.
- Turning 3-hour forecast readings into one per day, the one closest to noon in the city’s time zone.
- A reusable Card that the loading, error and weather states all share.
Revisited
- Oct 2026: fixed the forecast row, which showed 3-hour readings labelled as days, and made current location search by coordinates.