CodingNic

Get Started with the React Project

Understand the WeatherNow Build

Get Started with the React Project 10 min read

Understand the WeatherNow Build

Task

Trace what will happen when a user interacts with WeatherNow.

File / section

The running app in the browser.

Change

Follow the main user journey from the search box to the weather display.

text
Search for "New York"
        ↓
Send a request for current weather
        ↓
Receive the city, temperature, condition, and coordinates
        ↓
Display the current weather
        ↓
Use the coordinates to request the forecast
        ↓
Display the upcoming forecast

The same data flow will later support the location button. When the browser supplies coordinates instead of a city name, WeatherNow can use those coordinates to request the weather in exactly the same way.

The weather condition will also become part of the visual experience. A clear sky, rain, snow, storm, or nighttime condition can change the background and atmosphere of the app.

Why this matters

This is the thread that connects the entire course. Instead of adding unrelated features, each module completes another part of the same WeatherNow workflow.

Test it

Use the current interface to identify where the search begins, where weather results will appear, and where the forecast will eventually be displayed.

Checkpoint

You understand the user journey we will implement from search to weather results and forecast.