🌦 Weather Card App

A modern and responsive weather application built using HTML, CSS, and JavaScript.
This application fetches real-time weather data using a Weather API and displays weather conditions based on the searched city.

---

🚀 Live Demo

https://rushi-tech11.github.io/Weather-card-app/

---

📌 Features

✅ Real-time weather updates
✅ Search weather by city name
✅ Responsive design for all devices
✅ Dynamic weather icons
✅ Clean and modern UI
✅ API integration using JavaScript
✅ Fast and lightweight application

---

🛠 Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• Weather API

---

📂 Folder Structure

Weather-card-app/
│
├── screenshots/
│   ├── desktop.png
│   └── mobile.png
│
├── images/
├── README.md
├── index.html
├── index.js
└── style.css

---

📸 Screenshots

💻 Desktop View

(Add desktop screenshot here)

<img width="1896" height="952" alt="image" src="https://github.com/user-attachments/assets/a61e0354-aafc-4c79-8d4a-9270fa6ed376" />

---

⚙️ Installation & Setup

Clone Repository

git clone https://github.com/Rushi-tech11/Weather-card-app.git

Open Project Folder

cd Weather-card-app

Run Project

Simply open:

index.html

in your browser.

---

🌐 API Used

Weather API for fetching real-time weather information.

Example:

• Current temperature
• Weather conditions
• Humidity
• Wind speed

---

✨ Future Improvements

• 🌙 Dark Mode
• 📍 Current Location Weather
• 📅 5-Day Forecast
• 🎨 Better UI Animations
• 🔎 Search History

---

👨‍💻 Author

Rushikesh Date

🔗 GitHub: https://github.com/Rushi-tech11

🔗 LinkedIn: https://www.linkedin.com/in/rushikesh-date-a8719b258/

---

⭐ Support

If you like this project, give it a ⭐ on GitHub.