CodingNic

Get Started with the React Project

Run the React App

Get Started with the React Project 10 min read

Run the React App

Task

Run WeatherNow locally and see the prepared experience in the browser.

File / section

Project root and terminal.

Change

Install the project dependencies:

bash
npm install

Then start the development server:

bash
npm run dev

Open the local address printed by Vite.

What you should see

The first screen is the WeatherNow welcome state. You should see the branded header, temperature-unit control, city search area, location action, welcome message, and the prepared weather-app styling.

At this point the controls are intentionally not connected to real weather data. We will wire them up later.

Why this matters

This gives you a known-good visual baseline. If something breaks later, you can compare it with the working screen you have now.

Test it

Refresh the browser and confirm the welcome screen appears without a Vite or React build error.

Checkpoint

WeatherNow is running locally and the prepared interface is visible.