🌦️ Weather App

A simple and responsive Weather Application built using HTML, CSS, and JavaScript that fetches real-time weather information using the WeatherAPI.

---

🚀 Features

• 🌍 Search weather by city or location
• 🌡️ Displays real-time temperature in Celsius
• 📱 Responsive and user-friendly interface
• ⚠️ Input validation and error handling
• 🔗 Real-time API integration using WeatherAPI

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript
• WeatherAPI

---

📂 Project Structure

Weather_App/
│
├── .vscode/
│   └── settings.json
│
├── main.html
└── README.md

---

⚙️ How to Run

1️⃣ Clone the Repository

git clone https://github.com/jayti017/Weather_App.git

2️⃣ Open the Project

Open the project folder and run:

main.html

or simply double-click main.html to open it in your browser.

---

🔑 API Configuration

This project uses the WeatherAPI service.

Steps to get your API key:

1. Visit: https://www.weatherapi.com/
2. Create a free account
3. Generate your API key
4. Replace the following line in main.html:

const apiKey = 'Your_API_KEY_Here';

with:

const apiKey = 'your_actual_api_key';

---

📸 Application Preview

• Enter a city name
• Click on Check Temperature
• View the current temperature instantly

---

🌟 Future Improvements

• Add weather condition icons
• Show humidity and wind speed
• Add dark/light mode
• Display weather forecasts
• Add current location weather support

---

👨‍💻 Author

Jayti Bhardwaj