Skip to content

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

Weather App 🌤️

Welcome to the Weather App, a simple yet visually appealing weather forecasting web application that provides real-time weather information for cities around the world! 🌍 This app uses the OpenWeatherMap API to fetch and display live weather data with unique animations for different weather conditions.

Features ✨

  • Real-time Weather Data: Get live weather details including temperature, humidity, wind speed, and visibility.

  • Weather Condition Icons: Displays weather icons according to the current weather (sunny, rainy, snowy, etc.).

  • Dynamic Backgrounds: Background color changes based on the current weather condition, providing a more immersive experience.

  • Interactive UI: Smooth animations and transitions that enhance the user experience.

  • Custom Weather Animations: Each weather condition comes with a unique animation (e.g., shaking for thunderstorms, smooth transitions for clear weather).

  • Responsive Design: Fully responsive layout that works seamlessly across desktops, tablets, and mobile devices.

Technologies Used 💻

  • HTML: Structuring the content.

  • CSS: Styling the components, animations, and layout for an appealing look.

  • JavaScript: Handling dynamic data fetching from OpenWeatherMap and animating weather changes.

  • OpenWeatherMap API: Provides real-time weather data from cities worldwide.

Live Demo 🎨

You can try out the live demo of this app here: Weather App Demo

How to Run the Project Locally 🚀

To run this project on your local machine, follow these steps: 1. Clone the repository:

git clone https://github.com/subhanrahiman7/Weather-App.git
  1. Navigate to the project directory:
cd Weather-App
  1. Open the index.html file in your browser.
  2. Enjoy the weather forecast at your fingertips! 🌦️

Contributing 🤝

Feel free to fork this repository, open issues, or submit pull requests. Contributions are always welcome!

Releases

Packages

Contributors

Languages