ML.
Back to Projects

SkyCast Weather App

Real-time Weather App

HTML CSS JavaScript API AJAX Git/GitHub

The Problem.

Most weather apps are cluttered and overwhelming. I wanted to build something clean and straightforward — an app that gives users exactly the weather information they need for any city, instantly and without noise.

The Process.

Built entirely with vanilla JavaScript, HTML, and CSS, the app retrieves real-time weather data from external APIs using asynchronous fetch calls and async/await. I implemented input handling, dynamic DOM updates, a 5-day forecast display, and basic error feedback to handle invalid city searches gracefully — all wrapped in a clean, responsive interface.

The Result.

A responsive real-time weather app where users can search any city and instantly see temperature, weather description, humidity, wind speed, and a 5-day forecast. This project deepened my understanding of JavaScript fundamentals, working with external APIs, asynchronous programming, and dynamic DOM manipulation.