WeatherWise

A simple, interactive weather application built with HTML, CSS, and JavaScript, using the OpenWeatherMap API to fetch live weather data in JSON format. Enter any city name to get real-time temperature, humidity, and weather description with a clean, responsive design. 🚀 Features Search any city for live weather data. Displays temperature, humidity, and description. Instant updates without page reload. Clears search field after each query. Alert messages for invalid city names. Simple, responsive, and beginner-friendly interface. 🛠️ Technologies Used HTML – App structure and layout CSS – Styling and responsive design JavaScript – Functionality and API handling OpenWeatherMap API – Real-time weather data Fetch API – To get and process weather data in JSON format 📚 Concepts Implemented / Learned DOM Manipulation – Updating UI dynamically with JavaScript. Event Handling – Button click triggers API requests. API Integration – Using fetch() with the OpenWeatherMap API. JSON Parsing – Extracting and displaying API data. Form Input Handling – Reading and resetting user input. Responsive Styling – Basic UI layout with CSS. 📖 How to Use Open the app in your browser. Enter the city name in the input field. Click Get Weather. View live temperature, humidity, and description. If the city is not found, an alert will prompt you to try again. 📦 Libraries Used None — Built entirely with HTML, CSS, JavaScript. Uses OpenWeatherMap API for real-time weather data. Notes You must have an active internet connection for the API to fetch data. Replace the provided API key with your own for long-term use. API may return errors for misspelled or unavailable city names. Credits Developer: Ritika Bhasin, B.Tech IT Student, IPU (Batch 2028)