Weather-forecasting-project

Get instant weather updates with this HTML, CSS, and JavaScript-based webpage. Enter a location to see real-time temperature, humidity, and wind speed. It's responsive and user-friendly for all devices.

Weather Forecasting Webpage

This is a basic weather forecasting webpage project created using HTML, CSS, and JavaScript. It provides users with real-time weather information for a specified location. This README file will guide you on how to access and use this webpage.

Accessing the Webpage

To access the Weather Forecasting webpage, follow these simple steps:

1. Clone the Repository:

   • Open your terminal or command prompt.
   • Navigate to the directory where you want to store the project.
   • Use the following command to clone this repository:

     git clone https://github.com/your-username/weather-forecasting.git

2. Navigate to the Project Directory:

   • Change your current directory to the project folder:

     cd weather-forecasting

3. Open the Webpage:

   • Simply open the index.html file in your preferred web browser. You can do this by double-clicking the file or using your browser's "Open File" option.

Features

This Weather Forecasting webpage provides the following features:

• Location Selection: Users can enter the name of a city or location for which they want to check the weather.

• Real-time Weather Information: The webpage displays real-time weather information, including temperature, humidity, wind speed, and a brief description of the current weather conditions.

• Weather Icon: A graphical representation of the weather conditions is displayed alongside the weather information.

• Responsive Design: The webpage is designed to work seamlessly on both desktop and mobile devices.

Files and Directory Structure

The project has the following directory structure:

• index.html - The main HTML file containing the webpage structure.
• styles.css - The CSS file that provides the styling for the webpage.
• script.js - The JavaScript file responsible for fetching and displaying weather data.
• images - A directory containing weather icons used for displaying weather conditions.

Usage

1. Open the webpage by following the instructions mentioned in the "Accessing the Webpage" section.

2. Enter the name of the city or location for which you want to check the weather in the input field and press the "Get Weather" button.

3. The webpage will display the current weather conditions for the specified location.

Credits

This project was created by Yash Bhujbal as a basic weather forecasting webpage project using HTML, CSS, and JavaScript.

License

This project is licensed under the MIT License. You are free to use and modify the code as per the terms of the license.

Feedback and Issues

If you encounter any issues or have suggestions for improvement, please feel free to create an issue in this repository.

Enjoy using the Weather Forecasting webpage!