Weather Dashboard 🌤️

A clean, responsive weather app that shows real-time weather conditions and a 5-day forecast for any city in the world.

Live Demo: View App

---

Features

• Search weather by city name
• Displays current temperature, humidity, wind speed, and conditions
• 5-day forecast with weather icons
• Toggle between °F and °C
• Remembers your last searched city on refresh
• Error handling for invalid city names

---

Built With

• HTML5
• CSS3
• Vanilla JavaScript
• OpenWeatherMap API

---

Getting Started

1. Clone the repo

git clone https://github.com/CarlaBeeTech/weather-dashboard.git
cd weather-dashboard

2. Get a free API key

Sign up at openweathermap.org and copy your API key.

3. Add your API key

Open app.js and replace the placeholder on line 5:

const API_KEY = 'YOUR_API_KEY_HERE';

4. Open the app

Open index.html in your browser — no installs or build tools needed.

---

What I Learned

• Fetching data from a REST API using fetch() and async/await
• Handling API errors and edge cases gracefully
• Manipulating the DOM with vanilla JavaScript
• Persisting data with localStorage
• Organizing a project across multiple files

---

Screenshots

Add a screenshot of your app here by dragging an image into this file on GitHub.

---

License

MIT