https://github.com/amanrai8/weather-app

Weather App – A React + Vite app that shows real-time weather for any location using a weather API.
https://github.com/amanrai8/weather-app

open-api react

Last synced: 3 months ago
JSON representation

Weather App – A React + Vite app that shows real-time weather for any location using a weather API.

• Host: GitHub
• URL: https://github.com/amanrai8/weather-app
• Owner: AmanRai8
• License: mit
• Created: 2025-08-10T05:37:11.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-09-15T20:27:05.000Z (9 months ago)
• Last Synced: 2025-09-15T22:26:45.896Z (9 months ago)
• Topics: open-api, react
• Language: JavaScript
• Homepage: https://weather-app69.vercel.app
• Size: 222 KB
• Stars: 11
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🌤 Weather App

A simple and responsive weather application built with **React** (Vite) that fetches real-time weather data from an external Weather API.  

Enter a city name and instantly see the current temperature, weather condition, humidity, and more — beautifully displayed.

---

## 🚀 Features

- 🔍 _Search weather by city_

- 📍 _Detects your current location_

- 🌡 _Displays temperature in °C / °F_

- ⏱ _Real-time updates_

- 📱 _Fully responsive design_

---

## 🛠 Tech Stack

![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)

![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)

![Weather API](https://img.shields.io/badge/API-Weather-blue?style=for-the-badge)

---

## 📷 Preview

![Weather App Screenshot](./public/ss.png)

---

## 📦 Installation & Setup

1. **Clone the repository**

   ```bash

   git clone https://github.com/your-username/weather-app.git

   cd weather-app

   ```

2. **Install dependencies**

   ```bash

   npm install

   ```

3. **Add your API Key**

   - Create a `.env` file in the root directory

   - Add your API key:

   ```bash

   VITE_WEATHER_API_KEY=your_api_key_here

   ```

4. **Run the development server**

   ```bash

   npm run dev

   ```

**⭐ If you like this project, give it a star, helps me a lot!**