🌦️ AI Weather Dashboard

An interactive and responsive Weather Dashboard built using HTML, CSS, and JavaScript. The application provides real-time weather information, latest news updates, and an AI-powered weather assistant for a smarter user experience.

---

🚀 Features

• 🌍 Search weather by city name
• 🌡️ Real-time temperature, humidity, and wind speed
• ☁️ Dynamic weather icons based on current conditions
• 📅 Current date and time display
• 📰 Latest weather/news updates
• 🤖 AI-powered weather assistant
• 📱 Fully responsive design
• 🎨 Clean and modern user interface

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• News API
• Gemini AI API

---

📂 Project Structure

Weather-Dashboard/
│
├── index.html
├── style.css
├── script.js

---

⚙️ Installation

1. Clone the repository

https://github.com/meenuparashar18/Weather-dashboard.git

2. Open the project folder

cd weather-dashboard

3. Open index.html in your browser.

---

🔑 API Configuration

This project uses external APIs.

Create your own API keys and replace them in script.js.

const NEWS_API_KEY = "YOUR_NEWS_API_KEY";
const GEMINI_API_KEY = "YOUR_GEMINI_API_KEY";

Note: API keys are intentionally not included in this repository for security reasons.

📌 Future Improvements

• 📍 Detect user's current location
• 🌙 Dark/Light mode
• 🌍 Multi-language support
• 📈 Weather forecast charts
• ⭐ Favorite cities

---