/A011--5-JS--Weather

The Weather Forecast Web App utilizes asynchronous programming with the Fetch API to request real-time weather data from the Weather API using an API key. Additionally, it uses the Geolocation API to fetch weather information for the user's current location, enhancing user experience and responsiveness

Primary LanguageHTML

Weather Forecast Web App

image

Overview

The Weather Forecast Web App is a simple and user-friendly application that provides weather information and a 3-day forecast for any location. The app fetches real-time weather data from the Weather API and displays it in a visually appealing manner.

Features

  • Display current weather data, including temperature, weather conditions, humidity, and wind speed.
  • Show a 3-day weather forecast with maximum and minimum temperatures and weather descriptions.
  • Ability to search for weather information for any city or location.
  • Auto-detection of the user's current location (requires permission).

Demo

Live Demo

Screenshots

image

image

Tech Stack

  • HTML, CSS, JavaScript for the frontend
  • Fetch API to interact with the Weather API
  • Bootstrap for responsive design

Installation

  1. Clone the repository: git clone https://github.com/your-username/weather-forecast-app.git
  2. Navigate to the project directory: cd weather-forecast-app
  3. Open index.html in your web browser.

Usage

  • Upon loading, the app will display the weather information for the default location (e.g., Cairo).
  • To search for weather data for a specific city, type the city name in the search field and press Enter or click the "Search" button.
  • If you allow location access, the app will display weather data for your current location.

API Usage

The app uses the Weather API to fetch weather data. You will need to sign up and obtain an API key from the Weather API website (link-to-weather-api).

Acknowledgments

  • Thanks to the Weather API for providing real-time weather data.
  • Thanks to Route Academy ❤️

Contact

For any questions or feedback, please contact us at Omar82199@gmail.com.