🌤 Geo-Enabled Weather Dashboard

click the live link of the web application "https://weatherapi0220.netlify.app/"

A modern weather web app that provides real-time weather updates for any city worldwide along with automatic location detection.

🚀 Live Features

• 🔍 Search weather by city name
• 📍 Detect current location using Geolocation API
• 🌡 Real-time temperature (°C)
• 🌥 Weather condition with dynamic icons
• 💧 Humidity tracking
• 🌬 Wind speed display
• 🤒 Feels-like temperature
• ⏳ Loading state & error handling

---

🛠 Tech Stack

• HTML5 – Structure
• CSS3 – UI (Glassmorphism design)
• JavaScript (ES6) – Logic & API handling
• OpenWeatherMap API – Weather data

---

📂 Project Structure

📁 Weather-App
 ├── index.html

---

⚙️ Setup Instructions

1. Clone the repository:

git clone https://github.com/your-username/weather-app.git

2. Navigate to project folder:

cd weather-app

3. Get your API key from OpenWeatherMap

4. Replace the API key inside script.js:

const apiKey = "0e9f8f81332f993e6dec5a77b6b15449";

5. Open index.html in your browser

---

🌐 API Reference

• OpenWeatherMap Current Weather API
• Deploy using Netlify

🎯 Key Highlights

• Handles asynchronous API calls using fetch()
• Implements browser Geolocation API
• Clean UI with responsive design
• Robust error handling for invalid inputs and API failures

---

🚧 Future Enhancements

• 📊 5-day weather forecast
• 🌙 Dark / Light mode toggle
• 🕘 Search history
• 📱 Fully responsive mobile UI
• ⚡ Animations & transitions

📜 License

This project is open-source and free to use.

---

💡 Author

Made with 💙 by Bhavya Shany

---