Know Your Weather

🌦️ Overview

Know Your Weather is a dynamic and interactive web application that displays weather information with engaging animations. Users can:

• Toggle animations on and off.
• Adjust the animation speed.
• Switch temperature units between Celsius and Fahrenheit.
• Adjust wind speed using a slider.
• Filter weather cards based on climate type (warm, cold, etc.).

🚀 Features

• Real-time weather visualization with animated effects.
• Temperature unit switching (Celsius & Fahrenheit).
• Wind speed control using a slider.
• Weather filtering to view different climate conditions.
• Smooth animations with interactive hover effects.

🛠️ Technologies Used

• HTML for structuring the webpage.
• CSS for styling and animations.
• JavaScript for interactivity and dynamic updates.

📂 Project Structure

📁 weather-dashboard/
├── 📄 index.html   # Main HTML file
├── 📄 style.css    # CSS styles and animations
├── 📄 script.js    # JavaScript for interactivity
├── 📄 README.md    # Project documentation (this file)

📌 How to Run the Project

1. Open index.html in a web browser.
2. Or, use an online editor like:
   • CodePen
   • JSFiddle
   • JSBin
   • CodeSandbox
3. Modify style.css or script.js for customization.

🎮 Usage Instructions

• Toggle Animations: Click the animation button to enable/disable animations.
• Change Speed: Click the speed button to toggle between normal and fast animations.
• Switch Units: Click the unit toggle button to switch between Celsius and Fahrenheit.
• Adjust Wind Speed: Use the slider to modify wind animation speed.
• Filter Weather Cards: Click filter buttons (warm, cold, etc.) to display specific climates.

🔥 Future Enhancements

• Integrate a live weather API for real-time data.
• Improve UI/UX with better animations.
• Add more weather effects (thunderstorms, fog, etc.).
• Implement a dark mode toggle.

👨‍💻 Contributing

Feel free to contribute to the project! Fork the repository, make changes, and submit a pull request.

📝 License

This project is open-source and available under the MIT License.