Skip to content

A user-friendly weather application created with HTML, CSS, and JavaScript. Receive real-time weather updates, including temperature, conditions, and forecasts, through a visually pleasing and responsive web interface. This user-friendly and dynamic web application will keep you up to date on the current weather conditions.

Notifications You must be signed in to change notification settings

Jdecho1118/Weather-App

Repository files navigation

Weather App

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.

Features

  • 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.

Technologies Used

  • 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.

Code Overview

  • 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.

How to Run

  1. Open the index.html file in your preferred web browser.
  2. Enter the name of the city in the search box.
  3. 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.

About

A user-friendly weather application created with HTML, CSS, and JavaScript. Receive real-time weather updates, including temperature, conditions, and forecasts, through a visually pleasing and responsive web interface. This user-friendly and dynamic web application will keep you up to date on the current weather conditions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published