Skip to content

Simple React weather application that fetches and displays real‑time conditions using a public weather API.

Notifications You must be signed in to change notification settings

Dhavanesh24cs412/Weather-app

Repository files navigation

Here is a clean, ready‑to‑paste README.md for your Weather app:

# Weather App

A simple React + Vite weather application that fetches and displays real‑time weather information for a given city using a public weather API.

---

## Features

- Search weather by city name.
- Displays temperature, conditions, and basic weather details.
- Built with React and Vite for a fast development experience.
- Clean, minimal UI suitable for beginners and demos.

---

## Tech Stack

- React
- Vite
- JavaScript
- CSS
- Public Weather API (e.g., OpenWeatherMap)

---

## Getting Started

### 1. Clone the repository

```bash
git clone https://github.com/Dhavanesh24cs412/Weather-app.git
cd Weather-app

2. Install dependencies

npm install

3. Configure API key

Create a .env file in the project root and add your weather API key (example using OpenWeatherMap):

VITE_WEATHER_API_KEY=your_api_key_here

Update the fetch URL in the code if needed to match your chosen weather API.

4. Run the development server

npm run dev

Open the URL shown in the terminal (usually http://localhost:5173) in your browser.


Build for Production

npm run build

The optimized production build will be generated in the dist folder.


Notes

This project is intended as a practice / learning app for working with APIs in React and Vite. Feel free to fork and customize the design, API integration, or features.

About

Simple React weather application that fetches and displays real‑time conditions using a public weather API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published