Utilize a weather API to get real-time weather data based on user input. Technologies: HTML, CSS, JavaScript, API Integration
This is a simple weather application built with HTML, CSS, and JavaScript. It allows users to check the current weather conditions of any city using the OpenWeatherMap API.
- Search: Enter a city name to get real-time weather data.
- Weather Display: Shows temperature, weather description like humidity, and wind speed.
- Dynamic Background: Background changes based on weather conditions.
- Error Handling: Handles cases where the city is not found or any spelling is wrong.
- HTML
- CSS (with CSS variables and Flexbox for styling)
- JavaScript (Fetch API for API requests)
- OpenWeatherMap API
-
- Clone the repository: bash git clone https://github.com/Krishna4241/weather-app.git
- 2.Navigate into the project directory: bash download zip file of project
- 3.Extract file name called:"PROJECT 1" now you have total code
- 4.Register or sign in into OpenweatherappMap here is link "https://openweathermap.org" and get your API key in your Profile
- 5.Replace 'YOUR_API_KEY' Replace "YOUR_API_KEY" in script.js with your actual API key.
To run the application, you'll need to obtain an API key from OpenWeatherMap and replace 'YOUR_API_KEY' in script.js with your actual API key.
Icons: Boxicons Background Images: Unsplash
This software is available under the following licenses
* MIT