🌦️ Weather Dashboard

A responsive and user-friendly web application that delivers real-time weather updates for over 200,000 cities worldwide. Powered by the OpenWeatherMap API, it allows users to view temperature, humidity, wind speed, and overall weather conditions simply by searching a city name or allowing location access.

🚀 Live Demo

🔗 View the App

🛠️ Technologies Used

• 🌐 HTML – Semantic structure and markup
• 🎨 CSS – Custom styling and responsive layout
• ⚙️ JavaScript – Application logic, API interaction, and dynamic UI
• ☁️ OpenWeatherMap API – Real-time weather data provider

🔍 Features

• 🔎 Search by City – Look up current weather for 200,000+ cities
• 📍 Location Detection – Automatically fetch weather for user’s current location
• 🌡️ Real-Time Stats – Displays temperature, humidity, wind speed, and weather description
• 📱 Responsive Design – Works seamlessly on mobile, tablet, and desktop
• 🚫 Error Handling – Alerts for invalid or empty city names
• ♻️ Dynamic Updates – Real-time UI refresh with each search or location update

📌 How It Works

1. User enters a city name or grants location access
2. JavaScript fetches data from the OpenWeatherMap API
3. Weather data is parsed and displayed with clean UI
4. The interface dynamically updates for every input

🧠 What I Learned

• Integrating and working with third-party APIs using fetch()
• Managing asynchronous operations and handling JSON data
• Building responsive, mobile-first user interfaces
• Enhancing user experience with real-time feedback and error handling

🌐 API Reference

• OpenWeatherMap API

🙋‍♀️ Author

Jahnavi Frontend Developer | Passionate about building impactful web apps ✨ Learning by doing | 🌱 Currently exploring real-time apps and full-stack development