This is a simple Weather App that allows users to check the weather conditions of any city. It dynamically updates the background video based on the weather conditions.
A responsive weather application with dynamic backgrounds that change based on current conditions. Built with HTML, CSS, and JavaScript.
- Real-time Weather Data using OpenWeatherMap API 🌍
- Dynamic Background Video changes based on weather conditions 🎥
- Font Selector to change the font style dynamically 🔤
- Modern & Responsive UI with a transparent design 🎨
- Clone this repository:
git clone https://github.com/Issac-Moses/weather-app
Open the index.html file in a browser.
Enter a city name and click Get Weather.
-
A valid OpenWeatherMap API Key (Replace it in script.js).
-
MP4 video files for different weather conditions.
-
The user enters a city name.
-
The app fetches real-time weather data from OpenWeatherMap.
-
It displays the temperature, humidity, and weather condition.
-
The background video changes based on the weather (Sunny, Rainy, Snowy, etc.).
-
Users can also change the font using the dropdown menu.
- Contributions are welcome! Feel free to fork this project and submit a pull request.
- This project is licensed under the MIT License. See MIT License for details.