weather-forecast-using-API

Weather Forecast Web App - README

Introduction

Welcome to the Weather Forecast Web App! This web application allows users to check the weather forecast for a specific location. It provides real-time weather information, including temperature, humidity, wind speed, and weather conditions.

Contributors

Mahalakshmi

Features

Location Search: Users can enter a city or location name in the search bar to get the weather forecast for that area.
Real-time Weather Data: The web app fetches up-to-date weather data from a reliable weather API to ensure accuracy.
Weather Icons: Weather conditions are represented using intuitive weather icons for better visualization.
Responsive Design: The app is designed to be responsive, ensuring a seamless user experience across different devices and screen sizes.
User-Friendly Interface: The interface is simple and intuitive, making it easy for users to interact with the application.

Technologies Used

The Weather Forecast Web App is built using the following technologies:

HTML5: For structuring the web page.
CSS3: For styling and layout.
JavaScript (ES6+): For interactivity and fetching weather data from the API.
Weather API: The web app relies on a popular weather API to get real-time weather information.

How to Use

Clone the Repository: Clone this repository to your local machine using the following command:
```
git clone https://github.com/MahaLakshmi729/weather-forecast-using-API.git
```
Navigate to Directory: Change your working directory to the project folder:
```
cd weather-forecast-using-API
```
Open the Web App: Double-click the index.html file to open the web app in your default web browser.
Search for Weather: In the web app, you will find a search bar. Enter the name of the city or location for which you want to check the weather forecast and press the Enter key.
View Weather Details: Once you submit the location, the web app will display the weather information for that area, including temperature, humidity, wind speed, and weather conditions.
Responsive Design: Feel free to test the app on various devices, such as smartphones and tablets, to experience its responsive design.

API Usage

This web app uses the Weather API to fetch real-time weather data. The API provides a JSON response containing weather information based on the location provided in the search bar.