A responsive weather web application built using HTML, CSS, and Vanilla JavaScript that allows users to enter any city or location and instantly fetch real-time temperature and current weather conditions using live data from Weather API. The project demonstrates API integration, async JavaScript, and clean UI design for frontend developers.

A modern, responsive, and easy-to-use weather web application that allows users to enter any city or location and instantly get real-time temperature and weather details using the WeatherAPI.

This project is built using HTML, CSS, and Vanilla JavaScript and focuses on clean UI, API integration, and real-time data display.

This Weather Application helps users check the current climate conditions of any city worldwide.
It uses live weather data from WeatherAPI and displays important information like:

• 🌡 Current Temperature
• 🌤 Weather Condition
• 💨 Wind Speed
• 💧 Humidity
• 🌍 City & Country
• 🤒 Feels Like Temperature

It is perfect for beginners learning API integration and frontend development, as well as for showcasing practical web development skills.

✅ Real-time weather data
✅ Location-based search
✅ Modern and responsive design
✅ Error handling for invalid cities
✅ Weather icons based on conditions
✅ Clean and beginner-friendly code structure
✅ Fully responsive for mobile and desktop
✅ Fast loading and smooth user experience

The app includes:

• A clean input field to enter a city
• A search button to fetch weather
• A weather card displaying details like:
  • City name
  • Country
  • Temperature in °C
  • Feels like temperature
  • Weather condition with icon
  • Humidity
  • Wind speed

(You can add screenshots here after deployment)

Weather-App/
│
├── index.html       → Main HTML file
├── style.css        → Styling file
├── script.js        → JavaScript logic
└── README.md        → Project documentation