aniqa.dev
← 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
Links
Live ↗Code ↗
Weather Mini: a small weather card for New York with the temperature, humidity, wind, visibility, conditions and a five-day forecast.
Click the screenshot to open the live sitemini.weather.aniqa.dev ↗

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

  1. Chained requests: one effect fetches the current weather, then uses its coordinates to fetch the forecast.
  2. Turning 3-hour forecast readings into one per day, the one closest to noon in the city’s time zone.
  3. A reusable Card that the loading, error and weather states all share.

Revisited

  1. Oct 2026: fixed the forecast row, which showed 3-hour readings labelled as days, and made current location search by coordinates.