Skip to content

🌀️ A modern weather app built with HTML, CSS, and JavaScript using the OpenWeather API. Features dynamic sun/moon background, dark/light mode toggle, weather animations (rain, snow, fog, thunder), and sound effects. Simple, responsive, and customizable.

Notifications You must be signed in to change notification settings

MK-codes365/weather-world

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌀️ Weather App

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.


✨ Features

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

πŸš€ Tech Stack

  • HTML5 – Structure
  • CSS3 – Styling & animations
  • JavaScript (Vanilla) – API calls & logic
  • OpenWeather API – Live weather data

πŸ“· Preview

  1. Screenshot (82)
  2. Screenshot (83)
  3. Screenshot (84)

πŸ”‘ Setup & Usage

  1. Clone the repository: https://github.com/MK-codes365/weather-world.git

  2. Replace the apikey in index.js with your own OpenWeather API key

  3. πŸ”— Live Demo

πŸ‘‰ https://mk-codes365.github.io/weather-world/

  1. 🀝 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss.

About

🌀️ A modern weather app built with HTML, CSS, and JavaScript using the OpenWeather API. Features dynamic sun/moon background, dark/light mode toggle, weather animations (rain, snow, fog, thunder), and sound effects. Simple, responsive, and customizable.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published