You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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: