A modern and responsive Weather Dashboard built using HTML, CSS, and JavaScript that provides real-time weather information for any city using a Weather API.
- 🔍 Search weather by city
- 🌡️ Current temperature
- 🌤️ Current weather condition
- 📍 Location display
- 🌅 Sunrise & Sunset timings
- ⏳ Day length
- 💧 Humidity
- 🌬️ Wind Speed
- ☔ Chance of Rain
- ☀️ UV Index
- 📅 Hourly Forecast
- 🌍 Other Cities Weather
- 🌗 Dark UI Design
- 📱 Responsive Layout (In Progress)
- HTML5
- CSS3
- JavaScript (ES6)
- Weather API
Weather-App/
│
├── index.html
├── style.css
├── script.js
├── images/
└── README.md
Clone the repository
git clone https://github.com/harshitworks/weather-app.gitOpen
index.html
or use Live Server.
- Open-Meteo API🌤️
- Fully Responsive Design
- 7-Day Forecast
- Auto Detect User Location
- Dynamic Background Based on Weather
- Weather Animations
- Search History
- Loading Animation
- Better Error Handling
Pull requests are welcome. For major changes, please open an issue first.
This project is licensed under the MIT License.
Harshit Gaur