Weather App

Introduction

Welcome to the Weather App readme! This web application is designed to provide real-time weather information, including temperature, humidity, wind speed, real feel temperature, and pressure. Additionally, it offers a 5-day weather forecast. The app is built using HTML, CSS, and JavaScript, and it fetches data from a live weather API. The user interface is also responsive, making it accessible across various devices.

Table of Contents

1. Installation
2. Usage
3. Features
4. Screenshot
5. API Integration
6. Responsive Design
7. Forecast
8. Credits

Installation

To run the Weather App on your local machine, follow these simple steps:

1. Clone the Repository:

   git clone https://github.com/gsrai2002/Weather-App.git
   

2. Navigate to the Project Folder:

   cd weather-app
   

3. Open the App:

   • Open the weather.html file in your web browser.

That's it! The Weather App should now be up and running on your local machine.

Certainly! Here's the updated "Usage" section in Markdown, where users manually input their location:

Usage

To use the Weather App, follow these steps:

1. Input Your Location:

   • On the app's main page, you'll find a location input field. Manually enter your desired location (e.g., city or country name).

2. Submit Your Location:

   • After entering your location, click the "Submit" button to fetch weather data for the specified location.

3. View Weather Information:

   • Once you've submitted your location, the app will display the current weather information for that location. This includes temperature, humidity, wind speed, real feel temperature, and pressure.

4. Explore the Forecast:

   • To check the 5-day weather forecast, navigate to the "Forecast" tab. You will find the temperature for the upcoming 5 days for the location you provided.

That's it! Enjoy staying informed about the weather for your chosen location.

Features

The Weather App offers the following features:

• Real-time weather information including temperature, humidity, wind speed, real feel temperature, and pressure.
• 5-day weather forecast.
• Responsive design for easy access on various devices.
• User-friendly interface.

Screenshot

API Integration

The app fetches weather data using a live weather API. The API is responsible for providing up-to-date weather information for your location. The integration of this API is handled through JavaScript.

Responsive Design

The Weather App has a responsive design, allowing it to adapt to different screen sizes and devices. Whether you're using a desktop, tablet, or mobile phone, the app's user interface will adjust to ensure a smooth and visually appealing experience.

Forecast

The "Forecast" tab provides a 5-day weather forecast. You can use this feature to plan your activities and be prepared for any weather changes in the upcoming days.

Credits

This Weather App was created by Ghanshyam Rai. It relies on the following technologies and resources:

• HTML, CSS, and JavaScript for building the user interface and functionality.
• OpenWeather API for fetching live weather data.

Feel free to reach out to gsrai082002@gmail.com if you have any questions, feedback, or encounter issues with the Weather App. Enjoy staying informed about the weather in your location and beyond!