/WeatherApp

Primary LanguageJavaScript

Weather App

Deployment GitHub WeatherApp

Deployment Netlify WeatherApp

Default

weatherapp1

Rainy Weather

weatherapp2

Night

weatherapp3

Description

The Weather App is a responsive web application that provides real-time weather information and forecasts for locations worldwide. It offers a user-friendly interface with features like a powerful search bar, interactive maps, and detailed weather data.

Features

  • Location Search: Easily find weather information for any location by entering its name in the search bar.

  • Interactive Map: The map provides an intuitive way to visualize the weather conditions of the searched location with a marker.

  • Current Weather: Get real-time temperature, humidity, and wind speed data for the selected location.

  • Hourly Forecast: View hourly weather updates, including temperature changes, throughout the day.

  • 7-Day Forecast: Plan ahead with a 7-day weather forecast that includes max and min temperatures, weather conditions, and date information.

  • Responsive Design: The app is designed to adapt to various screen sizes, ensuring a seamless experience on mobile devices, tablets, and desktops.

  • Dynamic Background: The background changes based on current weather conditions, providing a visually engaging experience.

Usage

  1. Clone this repository:

  2. Open the index.html file in your web browser.

  3. Use the search bar to look up weather information for your desired location.

  4. Explore the interactive map, hourly updates, and 7-day forecast.

Technologies Used

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap (v4)
  • Leaflet.js
  • Open Meteo Weather API
  • GeoCoding API

Credits

  • Weather data provided by Open Meteo Weather API.
  • Map functionality powered by Leaflet.js.
  • Icons from Icons8.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

Special thanks to the open-source community for their valuable contributions and support.

Feel free to contribute, report issues, or suggest improvements by creating an issue or pull request.

For any questions or feedback, please contact Abinash Anand.