🌦️ Weather App

A simple and responsive Weather Application built using HTML, CSS, JavaScript, and Tailwind CSS. It allows users to search for a city and get real-time weather information instantly.

🚀 Features

🌍 Search weather by city name

⏳ Loading indicator while fetching data

❌ Error handling for invalid city names

🎨 Modern UI with Tailwind CSS gradient background

📱 Fully responsive design

🛠️ Tech Stack

HTML5 – Structure

CSS3 – Styling

Tailwind CSS – UI & responsiveness

JavaScript (Vanilla JS) – Logic & API handling

📂 Project Structure WEATHER_SITE/ │ ├── weather/ │ ├── index.html # Main HTML file │ ├── script.js # JavaScript logic ├── style.css # Custom styles ├── README.md # Project documentation

⚙️ How It Works

User enters a city name in the input field

Clicks Get Weather

JavaScript fetches weather data from an API

Weather details are displayed dynamically

Errors are shown if the city is not found

🧪 How to Run Locally

Clone the repository

git clone https://github.com/anoopcodehack/weather.git

Open index.html in your browser (No server required)

📸 Preview

Clean UI with gradient background, centered layout, and smooth interactions.

(You can add screenshots later if you want)

📌 Future Improvements

🌡️ Temperature unit toggle (°C / °F)

📍 Auto-detect user location

🌤️ Weather icons & animations

🕒 5-day forecast

🧠 Learning Outcome

DOM manipulation using JavaScript

API fetching and error handling

Tailwind CSS utility-first styling

Building real-world mini projects

👨‍💻 Author

Anoop A GitHub: https://github.com/anoopcodehack