Skip to main content

Posts

Showing posts with the label HTML

Building a Weather App with JavaScript and Open Weather API

How I Built a Weather App using JavaScript and OpenWeather API Have you ever wondered how weather apps work behind the scenes? In this blog, I’ll walk you through how I built a simple yet powerful weather app using HTML , CSS , JavaScript , and the OpenWeather API . ๐Ÿงพ Prerequisites Basic knowledge of HTML, CSS, and JavaScript Code editor (like VS Code) OpenWeather API key (free to generate) Basic understanding of REST APIs ๐Ÿ“ Project Structure weather-app/ ├── index.html ├── style.css ├── script.js ✨ Features ๐ŸŒ† Search weather by city name ๐ŸŒก️ Display temperature, humidity, wind speed ๐ŸŒค️ Dynamic icon and weather description ๐ŸŒˆ Background image changes based on weather ๐Ÿ•” 5-day forecast using OpenWeather's Forecast API ๐Ÿ”„ Reset button to clear UI ๐Ÿ“ฑ Responsive layout with Bootstrap ๐Ÿ”Œ How It Works The app connects to two endpoints from the OpenWeather API: /weather –...