Skip to content

Dilpreet-Kaur-D/Weather-App

Repository files navigation

Weather-App

This is a simple and responsive Weather App built using HTML, CSS, and JavaScript. It allows users to search any city and get real-time weather details like temperature, humidity, and wind speed using an API. It also updates icons and background based on weather conditions.

🚀 Features 🔍 Search weather by city name 🌡️ Displays temperature in Celsius 💧 Shows humidity and wind speed 🌈 Dynamic weather icons and background ⚠️ Error handling for invalid city names ⌨️ Press Enter key to search

🛠️ Technologies Used HTML5 CSS3 (Flexbox, Gradients) JavaScript (Fetch API, DOM Manipulation) OpenWeather API

⚙️ How It Works User enters a city name App sends request to OpenWeather API Receives JSON data Updates UI with: City name Temperature Humidity Wind speed Changes icon & background based on weather

🔑 API Setup Get your API key from: https://openweathermap.org/api Replace in your JS file: const apiKey = "YOUR_API_KEY";

▶️ How to Run Download or clone the repository Open index.html in your browser Enter city name and check weather

About

This is a simple and responsive Weather App built using HTML, CSS, and JavaScript. It allows users to search any city and get real-time weather details like temperature, humidity, and wind speed using an API. It also updates icons and background based on weather conditions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors