Weather Prediction Website 🌦️

Overview

This is a dynamic weather prediction website that fetches real-time weather data using a public API (e.g., OpenWeatherMap). The application is built with HTML, CSS, and JavaScript, offering a user-friendly interface and responsive design.

Demo : https://remarkable-swan-906bea.netlify.app/

Features

• Search Functionality: Users can search for weather information by city name.
• Real-Time Weather Data: Displays temperature, humidity, wind speed, and weather conditions.
• Responsive Design: Ensures compatibility across devices (desktop, tablet, mobile).
• Dynamic Backgrounds: Changes based on weather conditions (e.g., sunny, rainy).
• Error Handling: Alerts users if the city name is invalid or data cannot be fetched.

Technologies Used

• HTML: For structuring the webpage.
• CSS: For styling and animations.
• JavaScript: For API calls and DOM manipulation.
• API Integration: Fetches weather data from OpenWeatherMap API.

Setup Instructions

1. Clone the repository:

   git clone https://github.com/your-username/weather-prediction-website.git
   cd weather-prediction-website

2. Open the index.html file in your browser to view the application.
3. Obtain an API key from OpenWeatherMap and replace YOUR_API_KEY in the JavaScript file.

Future Enhancements

• Add a 5-day weather forecast feature.
• Implement location-based weather detection.
• Include animated weather icons.

License

This project is open-source and free to use.