# WEATHERWAVE
Welcome to the **WeatherWave** project! This dynamic and interactive weather application provides real-time
weather updates with a visually stunning, animated background and smooth transitions between light and dark
modes. Built with simplicity and performance in mind, **WeatherWave** deliversaccurate weather information
while offering an aesthetically pleasing user experience.
---
## FEATURES
**Real-Time Weather Updates:** Get live weather data for any city across the globe.
**Animated Backgrounds:** Enjoy smooth, multi-color gradient animations with particle motion effects.
**Light & Dark Mode:** Switch seamlessly between light and dark themes for better accessibility.
**Wind & Temperature Data:** Displays temperature, weather conditions, wind speed, and more.
**Responsive Design:** Fully optimized for mobile, tablet, and desktop devices.
**Error Handling:** Friendly error messages for incorrect city names or API issues.
---
## TECHNOLOGIES USED
- **Frontend:** HTML5, CSS3, JavaScript (ES6)
- **Backend:** None (Fetches API data directly)
- **API:** OpenWeatherMap API
- **Storage:** Browser Local Storage for theme preferences
---
## INSTALLATION
### CLONE THE REPOSITORY
```bash
git clone https://github.com/yourusername/weatherwave.git
cd weatherwave- Open
index.htmlin any modern web browser. - Access the application locally by navigating to:
http://localhost:5000- Sign up on OpenWeatherMap and generate your free API key.
- Open
script.jslocated in the/jsfolder. - Replace
YOUR_API_KEY_HEREwith your actual API key:
const apiKey = "YOUR_API_KEY_HERE";Light Mode:
Dark Mode:
We welcome contributions from the community! To contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature-name- Commit your changes:
git commit -m 'Add feature-name'- Push to the branch:
git push origin feature-name- Open a Pull Request and describe your changes.
If you have any questions, feedback, or suggestions, feel free to reach out:
Email: ayanali0249@gmail.com
GitHub: ayanali0249
LinkedIn: ayan-ali0249
Instagram: ayan_ali_0249
Thank you for exploring the WeatherWave project! I hope you enjoy using it as much as we enjoyed building it.