A simple, responsive weather dashboard that displays current weather conditions for any city or ZIP code.
- Search by city name or ZIP code
- Current temperature, weather description, and conditions
- Responsive design for desktop and mobile
- Real-time weather data from OpenWeatherMap API
-
Get a free API key from OpenWeatherMap:
- Visit OpenWeatherMap
- Sign up for a free account
- Go to your API keys section and copy your key
-
Add your API key:
- Open
script.js - Replace
YOUR_API_KEY_HEREwith your actual API key
- Open
-
Run locally:
- Open
index.htmlin your web browser - Or use a local server like:
python3 -m http.server 8000
- Open
- HTML5
- CSS3 (with responsive design)
- JavaScript (ES6+)
- OpenWeatherMap API
This static website can be deployed to:
- GitHub Pages
- AWS S3 + CloudFront
- Vercel
- Any static hosting service
├── index.html # Main HTML file
├── style.css # Styling
├── script.js # JavaScript functionality
└── README.md # This file