Inspect the Project Structure

Task

Identify where the app shell, components, utilities, and styles live.

File / section

src/App.jsx, src/components/, src/utils/, src/styles.css

Change

Open each file once. App.jsx will coordinate state and data flow. components/ contains the visual pieces. utils/weather.js contains weather-specific helpers. styles.css contains the prepared visual system.

Why this change matters

Keeping these responsibilities separated makes the later implementation changes smaller.

Test it

Make a quick map of the files before moving on.

Checkpoint

You know which file to edit for each part of the WeatherNow UI.