A modern and interactive Weather App built with HTML, CSS, and JavaScript using the OpenWeather API.
It displays real-time weather information with a dynamic sun/moon background, dark & light theme, and optional weather animations (rain, snow, fog, thunder).
This version has no cloud animation for a cleaner look.
- π Dynamic sun/moon background based on time of day
- π Dark & Light mode toggle
- π§οΈ Optional weather effects (rain, snow, fog, thunder)
- π Weather sound effects (with mute & volume control)
- βοΈ Settings panel with customization
- π± Responsive design for desktop & mobile
- HTML5 β Structure
- CSS3 β Styling & animations
- JavaScript (Vanilla) β API calls & logic
- OpenWeather API β Live weather data
-
Clone the repository: https://github.com/MK-codes365/weather-world.git
-
Replace the apikey in index.js with your own OpenWeather API key
-
π Live Demo
π https://mk-codes365.github.io/weather-world/
- π€ Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss.


