Update app.py

app.py

@@ -1,63 +1,80 @@
 """
-app.py - Simple Weather Forecast App for Pakistan Cities
----------------------------------------------------------
-Beginner-friendly Gradio web app to simulate weather forecasts 
-for Pakistani cities.
+app.py - Real Weather Forecast App for Pakistan Cities
+-------------------------------------------------------
+This Gradio app fetches live weather forecasts using OpenWeatherMap API.
 
-⚠️ NOTE: This app does NOT use real-time weather APIs 
-(no API key needed). It randomly generates forecasts 
-for demonstration on Hugging Face Spaces.
+🔑 REQUIREMENT: You need a free API key from https://openweathermap.org/api
+   - Sign up, get the key, and paste it below where it says YOUR_API_KEY_HERE.
+   - Free tier allows 60 calls/minute (sufficient for testing).
 
 How to run on Hugging Face Spaces:
-1. Create a new Space with "Gradio" SDK
-2. Upload app.py and requirements.txt
-3. Commit → Your app will run!
+1. Add 'gradio' and 'requests' in requirements.txt
+2. Paste your API key in the variable API_KEY below
+3. Upload app.py + requirements.txt to your Space
+4. Run it — you’ll get real-time forecasts for Pakistan cities.
 """
 
 import gradio as gr
-import random
-from datetime import datetime, timedelta
+import requests
+from datetime import datetime
 
-# --- List of Pakistani cities ---
-pak_cities = [
+# --- Put your free OpenWeatherMap API key here ---
+API_KEY = "YOUR_API_KEY_HERE"   # 🔑 Replace with your real key
+BASE_URL = "https://api.openweathermap.org/data/2.5/forecast"
+
+# --- Supported Pakistan Cities ---
+PAKISTAN_CITIES = [
     "Karachi", "Lahore", "Islamabad", "Rawalpindi", "Faisalabad",
-    "Multan", "Peshawar", "Quetta", "Hyderabad", "Sialkot", "Bahawalpur"
+    "Multan", "Peshawar", "Quetta", "Hyderabad", "Sialkot"
 ]
 
-# --- Simple mock forecast generator ---
-def get_mock_forecast(city, days):
-    if not city or days <= 0:
-        return "❌ Please select a city and valid number of days."
+def get_weather(city, days):
+    if not API_KEY or API_KEY == "YOUR_API_KEY_HERE":
+        return "❌ Please add your OpenWeatherMap API key in the code."
+
+    params = {
+        "q": f"{city},PK",   # city + country code
+        "appid": API_KEY,
+        "units": "metric"    # Celsius
+    }
+
+    try:
+        response = requests.get(BASE_URL, params=params)
+        data = response.json()
 
-    forecasts = []
-    conditions = ["☀️ Sunny", "🌤️ Partly Cloudy", "🌧️ Rainy", "🌩️ Thunderstorm", "❄️ Cold & Dry"]
+        if data.get("cod") != "200":
+            return f"⚠️ Error: {data.get('message', 'Could not fetch weather')}"
 
-    today = datetime.now()
-    for i in range(days):
-        date = (today + timedelta(days=i)).strftime("%A, %d %b %Y")
-        
-        # Random but reasonable temperatures for Pakistan
-        temp_min = random.randint(10, 25)
-        temp_max = temp_min + random.randint(5, 15)
-        
-        condition = random.choice(conditions)
-        forecasts.append(f"{date} — {condition}, {temp_min}°C to {temp_max}°C")
+        forecasts = []
+        count = 0
+        for entry in data["list"]:
+            dt_txt = entry["dt_txt"]
+            date = datetime.strptime(dt_txt, "%Y-%m-%d %H:%M:%S")
+            if date.hour == 12:  # pick daily forecast around noon
+                temp = entry["main"]["temp"]
+                desc = entry["weather"][0]["description"].title()
+                forecasts.append(f"{date.strftime('%A, %d %b %Y')} — {desc}, {temp}°C")
+                count += 1
+                if count >= days:
+                    break
 
-    return "\n".join(forecasts)
+        return "\n".join(forecasts) if forecasts else "No forecast available."
+    except Exception as e:
+        return f"❌ Error: {str(e)}"
 
 # --- Gradio UI ---
 with gr.Blocks() as demo:
-    gr.Markdown("## 🌦️ Weather Forecast App for Pakistan (Demo)")
+    gr.Markdown("## 🌦️ Pakistan Weather Forecast App (Live API)")
 
     with gr.Row():
-        city = gr.Dropdown(pak_cities, label="Select City", value="Karachi")
-        days = gr.Slider(1, 7, value=3, step=1, label="Forecast Days")
+        city = gr.Dropdown(PAKISTAN_CITIES, label="Select City")
+        days = gr.Slider(1, 5, value=3, step=1, label="Days (1–5)")
 
-    forecast_btn = gr.Button("Get Forecast")
+    btn = gr.Button("Get Forecast")
     output = gr.Textbox(label="Forecast", lines=8)
 
-    forecast_btn.click(get_mock_forecast, inputs=[city, days], outputs=output)
+    btn.click(get_weather, inputs=[city, days], outputs=output)
 
-# Launch app
+# --- Run app ---
 if __name__ == "__main__":
     demo.launch()