⛅ Weather App

🌐 Live Demo A sleek and user-friendly weather application built using HTML, CSS, and JavaScript that shows real-time weather information based on user location or searched city 🌍📍.

🧾 Overview

The Weather App gives you live weather updates in a clean and minimal interface. Whether you're planning your day or just curious about the weather around the world, this app keeps you informed with accurate, up-to-date weather data 🌦️.

📌 Key Features

• 📍 Get weather based on your current location (Geolocation API)
• 🌐 Search any city worldwide to view weather
• 🌡️ Displays temperature, humidity, wind speed, and weather conditions
• 🖼️ Dynamic weather icons and background changes based on weather
• 🕐 Real-time updates with current date & time
• 📱 Fully responsive design for mobile, tablet, and desktop

---

⚙️ Technologies Used

• 🧱 HTML – Page structure
• 🎨 CSS – Layout and styling (Flexbox, responsive grid)
• 🧠 JavaScript – Functionality and API interaction
• 📍 Geolocation API – To get user’s current location
• ☁️ OpenWeatherMap API – To fetch weather data

🖼️ Screenshots

📁 Folder Structure

weather-app/
├── assets/               # Icons, images, backgrounds
├── css/
│   └── style.css         # Main styling
├── js/
│   └── app.js            # Weather logic & fetch
├── index.html            # HTML file
└── README.md             # Documentation

🌈 “No matter the weather, this app has you covered!” ☔