🌤️ Weather App A simple real-time weather web application built using HTML, CSS, and JavaScript. This app allows users to search for any city and get live weather information using the OpenWeatherMap API. --- ## 🚀 Features - 🌍 Search weather by city name - 🌡️ Displays temperature in Celsius - 🌥️ Shows weather condition (clear, cloudy, rain, etc.) - 💧 Displays humidity - 🌬️ Shows wind speed - ⚡ Real-time data using API - 🎨 Clean and simple UI - 🧑‍💻 Beginner-friendly project --- ## 🛠️ Technologies Used - HTML – Structure of the website - CSS – Styling and layout - JavaScript – Fetching and displaying real-time data - OpenWeatherMap API – Weather data source --- ## 📁 Project Structure weather-app │ ├── index.html ├── style.css ├── script.js └── README.md --- ## 🔑 API Key Setup (Important) This project uses the OpenWeatherMap API. ### Steps to get API key: 1. Visit https://openweathermap.org 2. Sign up for a free account 3. Go to My API Keys 4. Copy your API key ### Add API key: Open script.js and replace: `javascript const apiKey = "YOUR_API_KEY_HERE"; with: const apiKey = "your_actual_api_key"; ⏳ Note: API key may take 5–10 minutes to activate. ▶️ How to Run the Project Method 1: Using Live Server (Recommended) Open project folder in VS Code Install Live Server extension Right-click on index.html Click Open with Live Server Method 2: Without Live Server Simply double-click index.html It will open in your browser 📸 Screenshot (Optional) You can add screenshots here later to make your project more attractive. 🌐 Deployment This project can be deployed easily using: GitHub Pages Netlify Vercel 🙌 Future Improvements Add weather icons Auto-detect user location Improve mobile responsiveness Add loading animation Add 5-day forecast 👨‍💻 Author Harsh Sharma 📄 License This project is licensed under the MIT License.