Skip to content

README.md

Latest commit

 

History

History
49 lines (32 loc) · 1.1 KB

README.md

File metadata and controls

49 lines (32 loc) · 1.1 KB
Raw

🌦️ Weather App

A sleek and responsive weather forecast application built using React + Vite and styled with Tailwind CSS. It fetches real-time weather data from the OpenWeatherMap API.

🚀 Features

  • 🔍 Search weather by city name
  • 🌤️ Real-time weather updates using OpenWeather API
  • 📱 Fully responsive UI
  • 🎨 Beautiful modern Tailwind UI with animation
  • 🌡️ Displays: Temperature, Humidity, Wind Speed, Pressure, Feels Like, Weather Condition
  • ⚡ Optimized with debounce input, no unnecessary API calls
  • 🖱️ Fetches data only on button click

📷 Preview

Project Screenshot

🛠️ Tech Stack

  • React (with Vite)
  • Tailwind CSS
  • OpenWeatherMap API

🔧 Setup Instructions

  1. Clone the repo
git clone https://github.com/Br7eleven/Weather-app.git
cd Weather-app

Create .env file with your API key

echo "VITE_WEATHER_API_KEY=your_openweathermap_api_key_here" > .env

Install dependencies

npm install

Run development server

npm run dev