Get the Starter Project · Building a Dynamic Weather App with React

Task

Start with the prepared WeatherNow interface so you can focus on the application behavior rather than rebuilding the visual design.

The finished experience includes the search area, weather cards, statistics, forecast layout, unit control, loading state, and dynamic background effects. Those pieces give us the surface that the functionality will plug into throughout the course.

File / section

Your downloaded project folder.

Change

Download the project from the course GitHub repository:

Download the starter project from GitHub

Replace the placeholder URL with the final repository URL before publishing.

Extract the project, open it in your editor, and open a terminal in the project directory.

Why this matters

You should be able to see the product we are building before we start connecting data. Every later lesson will turn another part of this interface into a working feature.

Test it

Make sure the project opens in your editor and that package.json, src/, and .env.example are present.

Checkpoint

WeatherNow is ready for you to run locally and start implementing.