/Weather-Forecasting-Web-Application

This project is a simple web application built using HTML, CSS, and JavaScript that fetches weather data from an external API and displays it to the user.

Primary LanguageCSS

🌤️ Weather Forecasting Web Application

Welcome to the Weather Forecasting Web Application. This application provides current weather information and forecasts using data from a weather API. The application is built with HTML, CSS, and JavaScript.

Weather Details Screenshot

📋 Table of Contents

🌐 Introduction

The Weather Forecasting Web Application is designed to provide real-time weather updates and forecasts for any location. It leverages a weather API to fetch data and displays it in a user-friendly interface.

✨ Features

  • Current Weather: Displays current weather conditions including temperature, humidity, and wind speed.
  • Forecast: Provides weather forecasts for the upcoming days.
  • Location Search: Search for weather information by city name.
  • Responsive Design: Adapts to different screen sizes for optimal viewing on any device.

🎥 Demo

Check out the live demo of the application here.

🛠️ Installation

To set up the application locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/VasudevJaiswal/weather-forecasting-web-application.git

  2. Navigate to the project directory:

    cd weather-forecasting-web-application

  3. Open index.html in your browser:

    open index.html

🚀 Usage

  1. Open the application in your browser.
  2. Enter a city name in the search bar and press Enter.
  3. View the current weather and forecast information for the entered city.

Example

  1. Click on "Auto detect location" in the search bar:

    Search Example Screenshot

  2. View the weather details:

    Weather Details Screenshot

🤝 Contributing

We welcome contributions from the community! To contribute:

  1. Fork the repository.
  2. Create a new branch: 
    git checkout -b feature-branch
  3. Make your changes and commit them: 
    git commit -m 'Add new feature'
  4. Push to the branch: 
    git push origin feature-branch
  5. Open a pull request.

Please ensure your contributions are well-documented and follow the project's coding standards.

📜 License

This project is licensed under the MIT License. See the LICENSE file for more details.

📬 Contact

For any inquiries, suggestions, or feedback, please contact us at:

We hope you find the Weather Forecasting Web Application useful and look forward to your contributions!

This README file is a template and should be modified according to the specific details and structure of your project.