Explore the current weather conditions of any city with this simple and intuitive Weather App. Powered by the OpenWeatherMap API, this web application provides real-time weather information, including temperature, humidity, and wind speed.
-
City Search: Enter the name of any city to get instant weather updates.
-
Temperature in Celsius: View the temperature in Celsius for a quick overview.
-
Visual Weather Icons: Dynamically updated weather icons based on the current conditions (Clouds, Clear, Rain, Drizzle, Mist).
-
Error Handling: Receive notifications for invalid city names with an error message.
-
HTML: Structure and layout of the weather app.
-
CSS: Styling for a visually appealing and responsive design.
-
JavaScript: Fetches real-time weather data from the OpenWeatherMap API, updates the UI, and handles user input.
-
The JavaScript code uses the Fetch API to get weather data from the OpenWeatherMap API based on the city entered by the user.
-
CSS styling ensures a clean and user-friendly interface, with visual weather icons dynamically changing based on the current conditions.
- Open the
index.html
file in your preferred web browser. - Enter the name of the city in the search box.
- Click the search button to get the current weather conditions for the specified city.
Feel free to explore the code, customize the styling, or add new features to enhance the Weather App based on your preferences.