Weatherly is a visually engaging, responsive web application that fetches and displays real-time weather data using the OpenWeatherMap API. Users can search for weather information by city name and view key weather parameters such as temperature, humidity, wind speed, and animated weather icons—all within a modern, premium UI.

• City-based weather search
• Display of temperature, humidity, wind speed, weather condition, and animated icon
• Responsive, mobile-friendly UI with Flexbox/Grid and frosted glass/gradient backgrounds
• Modern typography with Google Fonts
• Redesigned search bar and vibrant accent buttons
• Auto-refresh every 10 minutes with a subtle tooltip indicator
• Smooth transitions and card animations
• Graceful error handling for API failures or invalid cities

1. Clone the repository:

   git clone https://github.com/karadhub/weatherly.git
   

2. Navigate to the project directory:

   cd weatherly
   

3. Open src/index.html in your web browser to view the application locally.

Live demo can be accessed at: [Weatherly]

• API Provider: OpenWeatherMap
• Tech Tools: HTML, CSS, JavaScript, Google Fonts, GitHub Pages/Netlify for deployment.