🌦️ Weather Predictor

Weather Predictor is a simple and interactive web application that allows users to check the current weather and 5 to 10-day forecasts of any city around the world. It uses real-time data from a weather API to display essential weather information in a clean and user-friendly layout.

It is especially useful for travelers, event planners, outdoor enthusiasts, or anyone who needs quick and accurate weather information. The app is lightweight, fast-loading, and accessible on both desktop and mobile browsers.

🔍 Features

🔎 Search weather by city name

🌡️ Displays current temperature, humidity, pressure, and wind speed

🧒 Real-time data updates

🗕️ 5 or 10-day forecast with high/low temperatures and weather icons

🎨 Responsive and modern UI using HTML, CSS, and JavaScript

☁️ Integrates with free weather APIs (like OpenWeatherMap)

🔹 Weather condition icons (sunny, rainy, cloudy, etc.)

🔹 Simple error handling for invalid city names

🛠️ Tech Stack

Frontend: HTML5, CSS3, JavaScript (ES6)

Weather API: OpenWeatherMap API

Tools Used: Visual Studio Code, Git, GitHub

📷 Screenshots

🚀 Getting Started

Prerequisites

A modern web browser (Chrome, Firefox, Edge)

Internet connection for fetching real-time data

Installation

Clone the repository:

site is live at https://durga-5.github.io/whether_predict/ and also at https://whetherpredicator.netlify.app/

Navigate to the project folder:

cd weather-predictor

Open index.html in your browser or run with a live server.

API Setup

Go to OpenWeatherMap

Sign up and get your API key

📁 Project Structure

weather-predictor/ | ├── index.html # Main HTML file ├── style.css # Styling file ├── script.js # JavaScript logic ├── assets/ # Icons, images └── README.md # Project documentation

✅ Use Cases

Check weather before traveling

Plan outdoor events or activities

Students learning about API integration

Frontend development practice

✨ Future Improvements

Add location-based weather prediction using Geolocation API

Enable voice search

Add hourly forecast and interactive charts

Deploy online using Netlify or GitHub Pages

Add multi-language support

Show weather alerts or warnings

🧑‍💻 Author

Durga Prasad PapuganiEmail: papuganidurgaprasad@gmail.com GitHub: (https://github.com/DurgA-5)

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.