Skip to content

SanjilaGangaju/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather App

A sleek and responsive weather forecast application with a video background and modern UI. Built using HTML, CSS, and JavaScript.

Features

  • 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

Demo

Click here to see the project (https://sanjilagangaju.github.io/Weather-App/)

Technologies Used

  • HTML5
  • CSS3(Flexbox, Grid, Media Queries)
  • Vanilla JavaScript (ES6)
  • OpenWeatherMap API for real-time data

Dependencies And Resources

  • 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

License

This project is licensed under the MIT License.

Made with ❤️ By Sanjila Gangaju

Releases

No releases published

Packages

 
 
 

Contributors