A simple and elegant web application to get real-time weather updates for any city using the OpenWeatherMap API. Built using HTML, CSS, and JavaScript.
🔗 Live Demo: https://sadhna263.github.io/Weather/
- 🌍 Search weather by city name
- 🌡️ Displays temperature in °C
- 💧 Shows humidity level
- 🌬️ Shows wind speed
- ☁️ Weather condition with icon
- 📱 Responsive and modern UI
- HTML5 – Structure
- CSS3 – Styling and layout
- JavaScript – Functionality and API integration
- OpenWeatherMap API – Weather data source
-
Clone the repository:
git clone https://github.com/your-username/weather-app.git
-
Open
index.htmlin your browser.
⚠️ Replace"YOUR_API_KEY"in the JavaScript file with your actual OpenWeatherMap API key.
📁 weather-app
┣ 📄 index.html
┣ 📄 style.css
┣ 📄 script.js
┗ 📄 screenshot.png
- User enters a city name.
- App fetches data from OpenWeatherMap API.
- Weather details like temperature, humidity, and wind speed are displayed.
- Icons and layout adjust dynamically based on the response.
- Sadhna Kumari
- GitHub: @sadhna263
