Dynamic Weather Forecast Application 🌐 Overview This is a fast, lightweight, and responsive designed to provide real-time weather data for any global city. The application focuses on a clean user interface, zero advertising clutter, and a dynamic visual experience.

It serves as a demonstration of robust frontend development skills, integrating an external API using pure HTML, CSS, and JavaScript.

✨ Features Real-Time Data: Fetches up-to-the-minute weather conditions (Temperature in

∘ C , Wind Speed, Humidity, and Sky Condition).

City Search: Look up weather for any city name worldwide.

Geolocation Support: Use the "📍" button to instantly get the weather for your current location (requires browser permission).

Dynamic Backgrounds: The application's background image automatically changes to visually represent the current weather condition (e.g., Clear, Rain, Snow, Clouds).

Aesthetic UI: Modern dark theme designed for optimal readability and a smooth user experience on all devices.

🚀 Live Demo You can view the live, deployed version of the application here:

https://radhikaa45.github.io/WeatherForecast/

🛠️ Technology Stack This project is built exclusively using foundational web technologies:

HTML5: Structure

CSS3 (Pure CSS): Styling and Responsiveness

JavaScript (ES6+): Logic and API Handling

⚙️ How to Run Locally Clone the repository:

git clone https://github.com/radhikaa45/WeatherForecast.git cd WeatherForecast

Get an API Key: Sign up for a free account at OpenWeatherMap to obtain a personal API key.

Update the Key: Open the script.js file and replace the placeholder value with your actual key:

const OPENWEATHERMAP_API_KEY = "YOUR_API_KEY_HERE";

Open the App: Open the index.html file directly in your web browser.

📝 Credits Weather Data: OpenWeatherMap API

Background Images: Unsplash.com (Used for dynamic backgrounds based on weather conditions)

License [Add your chosen license here, e.g., MIT, if applicable.]