Build the Forecast

A current temperature tells the user what is happening now, but WeatherNow is designed to help them plan ahead too. In this module, you will add the forecast data that powers the five-day section of the dashboard.

You will extend the existing weather-loading flow to request forecast information using the coordinates returned by the current-weather request. Then you will pass that response into the prepared Forecast component, turn OpenWeather’s three-hour forecast entries into daily summaries, and format the dates and temperatures for the forecast cards.

The important part is learning how the forecast response fits into the data flow you already built. By the end of the module, a city search should produce both current conditions and a useful multi-day forecast, with the forecast rendered from live API data.

What to expect:

• Request forecast data using the weather location’s coordinates.
• Store and pass the forecast response through the app.
• Build the daily forecast cards.
• Group forecast entries into daily results.
• Format forecast dates and values for the UI.
• Protect the forecast section from missing data.