Weather Web App

SkyCast – Weather Forecast Application

SkyCast is a modern and responsive weather application built using HTML, CSS, and Vanilla JavaScript that provides real-time weather information for any city worldwide. The app integrates with the OpenWeatherMap API to fetch and display accurate and up-to-date weather data.

? Key Features:

Search weather by city name

Real-time temperature in Celsius

Weather condition description with dynamic icon

Humidity percentage display

Wind speed information

Loading state indicator

Error handling for invalid city names

Default city displayed on page load

Smooth fade-in animation for better user experience

? Technical Highlights:

Asynchronous data fetching using fetch() and async/await

API integration with OpenWeatherMap

Dynamic DOM updates without page reload

Error handling using try/catch

Responsive glassmorphism UI design

Event listeners for both button click and "Enter" key submission

? Technologies Used:

HTML5

CSS3 (Flexbox, Gradients, Animations, Glassmorphism Design)

JavaScript (ES6+)

OpenWeatherMap API

This project demonstrates strong fundamentals in API integration, asynchronous JavaScript, state handling, and responsive UI design while maintaining clean and readable code structure.