Weather Application

This Weather Application provides real-time weather information for locations worldwide. Built with JavaScript and various APIs, it allows users to search for weather conditions in their desired cities and displays relevant images for those locations. Upon first opening the app, users are prompted to allow location access to provide weather information for their current location.

Demo

https://hager9.github.io/Weather-App/

Features

• Real-Time Weather Information: Get up-to-date weather data for any location globally.
• Chance of Rain: Displays the probability of rain for the searched location.
• Location Access: Prompts users to allow location access for immediate weather information.
• City Images: Displays images related to the searched cities for a visual experience.
• User-Friendly Interface: Simple and intuitive design, enhanced by Bootstrap for responsive styling.
• Error Notifications: Uses SweetAlert2 (swal fire) to provide feedback in case something goes wrong.

Tech

• Frontend: HTML, CSS, JavaScript
• Styling: Bootstrap
• API Handling: Fetch API for real-time weather data
• Notifications: SweetAlert2 (swal fire) for error handling

Installation

1- Clone the repository:

  git clone https://github.com/hager9/weather-app.git

2- Navigate to the project directory and open the index.html file in your browser to view the app.

Screenshots