🌤️Weather App

A responsive and user-friendly Weather Application built using HTML, CSS, and JavaScript, powered by the WeatherAPI.
The app allows users to search for any city and view real-time weather details along with a 7-day forecast.

---

Live Demo

https://sanchita-weather-app.netlify.app/

Features

• 🔍 Search weather by city name
• 🌡️ Display current temperature and “feels like” temperature
• 🔁 Toggle between °C and °F
• 🌥️ Weather condition icons
• 📅 Current day, date, and local time
• 🌅 Sunrise and 🌇 Sunset timings
• 💧 Humidity, 🌬️ Wind speed, ☁️ Cloud cover
• 📊 UV index and atmospheric pressure
• 📆 7-day weather forecast
• 🎨 Clean and responsive UI

---

Tech Stack

• HTML5 – Structure
• CSS3 – Styling & layout
• JavaScript (ES6) – Logic & API handling
• WeatherAPI – Weather data
• Font Awesome – Icons
• Google Fonts (Poppins) – Typography

---

Project Tree

  weather-app/
├── index.html        # Main HTML file
├── style.css         # Styles for the application
├── script.js         # JavaScript logic & API handling
└── README.md         # Project documentation

API Setup

This project uses WeatherAPI.

1. Create a free account at https://www.weatherapi.com/
2. Generate an API key
3. Replace the placeholder in script.js:

const API_KEY = "YOUR_API_KEY";