Skip to content

A simple and responsive Weather App that displays real-time weather data using a public API, designed with an intuitive UI for daily weather updates.

License

Notifications You must be signed in to change notification settings

Issac-Moses/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather App

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.

😎 Live Demo

Visit Live Demo

😛 Screen Shot of Output

Weather App Demo ScreenShot Weather App Rainy Weather Weather App Cloudy Weather Weather App Sunny Weather

A responsive weather application with dynamic backgrounds that change based on current conditions. Built with HTML, CSS, and JavaScript.

🌟 Features

  • 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 🎨

🚀 How to Run

  1. 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.

📜 Requirements

  • A valid OpenWeatherMap API Key (Replace it in script.js).

  • MP4 video files for different weather conditions.

🔧 How It Works

  • 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.

🤝 Contributing

  • Contributions are welcome! Feel free to fork this project and submit a pull request.

📝 License

  • This project is licensed under the MIT License. See MIT License for details.

About

A simple and responsive Weather App that displays real-time weather data using a public API, designed with an intuitive UI for daily weather updates.

Topics

Resources

License

Stars

Watchers

Forks