A sleek and responsive weather forecast application with a video background and modern UI. Built using HTML, CSS, and JavaScript.
- Search for current weather by city
- Display of location, temperature, weather condition, and additional information
- Fullscreen dynamic video background based on weather condition
- Automatic dimming overlay using sunrise and sunset data (night mode)
- Responsive layout for all screen sizes
- Works across major browsers
Click here to see the project (https://sanjilagangaju.github.io/Weather-App/)
- HTML5
- CSS3(Flexbox, Grid, Media Queries)
- Vanilla JavaScript (ES6)
- OpenWeatherMap API for real-time data
- To fetch weather data, use the OpenWeatherMap API:
https://api.openweathermap.org/data/2.5/weather?q={CITY_NAME}&appid=YOUR_API_KEY&units=metric
- Pexels for Background Images For free high-quality images, use Pexels. You can browse and download images here: https://www.pexels.com
This project is licensed under the MIT License.
Made with ❤️ By Sanjila Gangaju