🌤️ Weather App

A clean and responsive weather app built with HTML, CSS, and JavaScript that fetches real-time weather data using the OpenWeatherMap API.

---

📸 Screenshots

 

---

🚀 Features

• 🔍 Search weather by city name
• 🌡️ Displays real-time temperature in °C
• 💧 Shows humidity percentage
• 💨 Shows wind speed in km/h
• 🌦️ Dynamic weather icons based on conditions
• ⚠️ Error handling for invalid city names
• 📱 Responsive design for all screen sizes

---

🛠️ Built With

Technology	Usage
HTML5	Structure & layout
CSS3	Styling & responsiveness
JavaScript (Vanilla)	API calls & DOM manipulation
OpenWeatherMap API	Real-time weather data

---

📂 Project Structure

weather-website/
├── index.html              # Main app file
├── asset/
│   ├── style.css           # Stylesheet
│   └── image/
│       ├── search.png
│       ├── humidity.png
│       ├── wind.png
│       ├── clouds.png
│       ├── clear.png
│       ├── rain.png
│       ├── drizzle.png
│       ├── mist.png
│       └── snow.png
└── sceenshots/
    ├── Mumbai.png
    └── Delhi.png

---

⚙️ Getting Started

Prerequisites

• A web browser
• A free API key from OpenWeatherMap

Run Locally

1. Clone the repository

   git clone https://github.com/NainaKothari-14/weather-website.git

2. Navigate into the project folder

   cd weather-website

3. Add your API key
   Open index.html and replace the apiKey value with your own:

   const apiKey = "your_api_key_here";

4. Open index.html in your browser
   Just double-click the file — no server needed!

---

🌦️ Supported Weather Conditions

Icon	Condition
	Clouds
	Clear
	Rain
	Drizzle
	Mist
	Snow

---

👩‍💻 Author

Naina Kothari
GitHub: @NainaKothari-14