A simple web application that allows users to check the current weather conditions in any city around the world. The app uses the OpenWeather API to fetch real-time weather data.
- Search for weather by city name.
- Displays current temperature, humidity, wind speed, and weather conditions.
- Updates the weather icon based on the current conditions (cloudy, clear, rainy, etc.).
- Handles errors such as invalid city names.
- HTML: Structure of the web page.
- CSS: Styling of the web page for a modern and clean user interface.
- JavaScript: Handles the API requests and dynamic content updates.
- OpenWeather API: Fetches real-time weather data.
- Enter the name of a city in the search box.
- Press the search button or hit "Enter" to fetch and display the weather details.
- If the city name is invalid, an error message will be displayed.
This application uses the OpenWeather API to retrieve weather data.
- API Endpoint:
https://api.openweathermap.org/data/2.5/weather - Parameters:
q: City name.appid: Your API key.units: Metric (for temperature in Celsius).
You can view the app live at: Live Weather App
To run the project locally:
- Clone the repository.
git clone https://github.com/orayda718/weatherApp.git
- Open index.html in your web browser.