🌦️ Live Weather

Real-Time Weather Forecast Web Application

A modern and responsive weather application that provides real-time weather information for cities around the world using a Weather API.

---

📖 Overview

Live Weather is a responsive web application that allows users to search for any city and view its current weather conditions in real time. The application retrieves weather information from an external Weather API and displays it in a clean, interactive, and user-friendly interface.

---

✨ Features

• 🌍 Search weather by city name
• 🌡️ Real-time temperature
• ☁️ Weather condition and icons
• 💧 Humidity information
• 🌬️ Wind speed
• 🌅 Sunrise & Sunset
• 📱 Responsive design
• ⚡ Fast API integration
• ❌ Error handling for invalid locations

---

🚀 Technologies Used

Technology	Purpose
HTML5	Structure
CSS3	Styling
JavaScript (ES6)	Functionality
Weather API	Live Weather Data
Git & GitHub	Version Control

---

📂 Project Structure

Live_Weather/
│
├── assets/
│   ├── images/
│   ├── icons/
│   └── banner.png
│
├── css/
│   └── style.css
│
├── js/
│   └── script.js
│
├── index.html
└── README.md

---

🎯 Project Objectives

• Build a responsive weather application.
• Practice API integration using JavaScript.
• Display live weather information.
• Improve front-end development skills.
• Create a professional portfolio project.

---

📸 Application Preview

Replace these images with your own screenshots.

![Home Page](assets/screenshots/home.png)

![Weather Search](assets/screenshots/weather.png)

---

⚙️ Installation

Clone the repository

git clone https://github.com/Rifat-009/Live_Weather.git

Navigate to the project folder

cd Live_Weather

Open index.html in your preferred browser.

---

🔑 API Configuration

If your project uses an API key:

1. Create an account on your preferred Weather API provider.
2. Generate your API key.
3. Replace the placeholder key inside your JavaScript file.

Example:

const API_KEY = "YOUR_API_KEY";

---

📌 Future Improvements

• 🌍 Current location weather
• 🕒 Hourly forecast
• 📅 7-Day weather forecast
• 🌙 Dark / Light Mode
• ⭐ Favorite Cities
• 📈 Air Quality Index
• 🌧️ Rain Probability

---

👨‍💻 Author

Rifat-009

GitHub: https://github.com/Rifat-009

---

🤝 Contributing

Contributions, suggestions, and improvements are welcome.

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Open a Pull Request

---

📄 License

This project is developed for educational and portfolio purposes.

---

⭐ If you found this project useful, don't forget to star the repository!

Made with ❤️ using HTML, CSS & JavaScript