My Weather App is a web application that provides real-time weather information for locations around the world. It not only offers accurate weather data but also features dynamic weather animations to visually represent current conditions.
-
Accurate Weather Data: Get the latest weather information for any city worldwide.
-
Live Weather Icons: Visualize the weather conditions with dynamic weather icons.
-
Informative Details: Find additional details such as humidity and wind speed.
-
Intuitive Interface: A user-friendly design for a seamless experience.
-
Realistic Animations: Enjoy immersive animations for rain and cloudy weather.
- Visit the Weather App website.
- Enter the name of the city you want to check the weather for.
- Click the search button to retrieve the latest weather data.
- Explore the live weather icon that represents the current conditions.
- Clear:
- Cloudy:
- Rain:
The Weather App includes dynamic weather icons to enhance your experience:
- Rain: When it's raining, you'll see realistic raindrop animations.
- Cloudy: For cloudy weather, the app simulates moving clouds, creating an atmospheric effect.
- HTML
- CSS
- JavaScript
- OpenWeatherMap API
To run this app locally, follow these steps:
- Clone this repository to your local machine.
- Open the
index.htmlfile in your preferred web browser.
You may need to sign up for a free OpenWeatherMap API key and replace the existing API key in the JavaScript file with your own to fetch weather data.
We welcome contributions! If you'd like to improve the app or add new features, please follow these steps:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature-name - Commit your changes:
git commit -m 'Add a new feature' - Push to the branch:
git push origin feature-name - Open a Pull Request.
This project is licensed under the MIT License.
- MOHD-AYAZ : (https://github.com/MOHD-AYAZ/)
If you have any questions or feedback, feel free to reach out to us at [ayazhashmi529@gmail.com].
Thank you for using My Weather App!