GitHunt
4P

4pruthvi/Weather-App

๐ŸŒฆ๏ธ Weather application built with HTML, CSS, and JavaScript that fetches real-time weather data using the API.

๐ŸŒฆ๏ธ Weather App

A responsive Weather Application built using HTML, CSS, and JavaScript that fetches real-time weather data using the OpenWeather API.


๐Ÿš€ Features

  • Search weather by city name
  • Displays:
    • Temperature (ยฐC)
    • Weather description
    • Humidity
    • Wind speed
  • Dynamic weather icons based on conditions
  • Error handling for invalid city names
  • Clean and responsive UI

๐Ÿ› ๏ธ Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • OpenWeather API

๐Ÿ“ธ Application Preview

๐Ÿ”น Home Page

When the user opens the website, they can search for a city.

Home Screen


๐Ÿ”น Weather Result Screen

After searching a city, weather information is displayed dynamically.

Weather Result


โš™๏ธ How It Works

  1. User enters a city name
  2. JavaScript sends a request to the OpenWeather API
  3. API returns weather data
  4. Data is processed and displayed dynamically on the UI

๐Ÿ“š What I Learned

  • Working with REST APIs
  • Using async/await for asynchronous operations
  • Handling API errors gracefully
  • DOM manipulation
  • Conditional rendering based on API response

๐Ÿ”— Live Demo


๐Ÿ‘ค Author

Pruthvi Sawant


โญ If you found this project useful, feel free to star the repository!

4pruthvi/Weather-App | GitHunt