Project 5: Weather Dashboard

A simple weather app that displays current conditions using the OpenWeather API.

Live Demo

Project Overview

Weather Dashboard provides real-time weather information for any city using the OpenWeatherMap API. It is built with vanilla JavaScript, HTML, and CSS.

1. Structure and Layout

The app has a search form and a results card on a single page. JavaScript fetches API data and updates the DOM elements to display weather details.

2. Key Features

- Search by city
- Display temperature, humidity and wind speed
- Show weather condition icons
- Responsive layout for mobile and desktop

3. Responsive Design

Flexbox and media queries ensure the dashboard remains usable on phones, tablets, and desktops.

4. Challenges and Key Learnings

Managing asynchronous API requests and handling errors for invalid searches were key challenges when building this project.