A visually stunning, responsive weather forecast application built with a focus on clean glassmorphism design and engaging user experience through CSS animations.

WeatherScope allows users to search for real-time weather data across the globe. The application dynamically adapts its UI based on current weather conditions (e.g., Rain, Clear Skies, Night) and provides detailed metrics alongside a 5-day forecast.

• Real-time Data: Integration with OpenWeatherMap API for accurate weather reporting.
• Glassmorphism UI: Modern frosted-glass aesthetic with high-quality backdrop blurs.
• Dynamic Backgrounds: Custom-coded CSS animations for raindrops, moving clouds, pulsing sun, and twinkling stars that reflect current weather conditions.
• Interactive Elements: * Unit Toggle (°C to °F).
  • Dark/Light mode theme switcher.
  • Geolocation support to fetch weather based on user's current position.
  • Real-time search suggestions (Debounced API calls).
• Responsive Design: Optimized for Desktop, Tablet, and Mobile devices.

• Frontend: HTML5, CSS3 (Custom Variables & Animations), Vanilla JavaScript (ES6+).
• API: OpenWeatherMap API (Current Weather & 5-Day Forecast).
• Icons: FontAwesome 6.4.0.
• Fonts: Google Fonts (Inter).