Weather App 🌤️

A simple and responsive weather app that fetches real-time weather data for any city using the OpenWeatherMap API. Built with Python, HTML, CSS, and JavaScript, this app is designed to look modern and work seamlessly.

---

🌟 Features

• Fetches current weather details for any city worldwide.
• Displays weather description and temperature in Celsius.
• Responsive and user-friendly design.
• Built with a Python backend and a clean frontend.

---

🛠️ Technologies Used

• Backend: Python (requests library)
• Frontend: HTML, CSS, JavaScript
• API: OpenWeatherMap

---

⚙️ Prerequisites

• Python 3 installed on your system.
• A valid API key from OpenWeatherMap.

---

🚀 How to Run Locally

Step 1: Clone the Repository

git clone https://github.com/your-username/weather-app.git
cd weather-app

Step 2: Set Up the Backend

1. Open the Python file (weather.py).
2. Replace API_KEY with your OpenWeatherMap API key.
3. Run the backend script:

   python weather.py

Step 3: Set Up the Frontend

1. Serve the HTML file locally using Python's HTTP server:

   python -m http.server

2. Open your browser and navigate to:

   http://localhost:8000
   

Step 4: Use the App

1. Enter a city name in the input box.
2. Click Get Weather to fetch and display the current weather and temperature.

---

📂 Project Structure

weather-app/
├── index.html       # Main HTML file for the frontend
├── styles.css       # CSS for styling the app
├── script.js        # JavaScript for API calls and user interaction
├── weather.py       # Python script for backend functionality
└── README.md        # Documentation file

---

📸 Screenshots

Input City Name

Weather Display

---

🚀 Future Improvements

• Add more weather details like humidity, wind speed, and forecast.
• Enhance the app with geolocation support to detect the user's location.
• Add error handling for various edge cases.
• Make it a fully-fledged web application using Flask or Django.

---

📜 License

This project is licensed under the MIT License.
Feel free to use, modify, and distribute it.

---

🤝 Contributions

Contributions are welcome!
If you have any ideas or improvements, feel free to submit a pull request.

---