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
