Update app.py

app.py

@@ -30,22 +30,22 @@ def parse_weather_data(weather_data):
 def categorize_weather(description):
     description = description.lower()
     if "clear" in description or "sun" in description:
-        return "Sunny"
+        return "Sunny", "☀️"
     elif "rain" in description or "drizzle" in description or "shower" in description:
-        return "Rainy"
+        return "Rainy", "🌧️"
     elif "snow" in description or "sleet" in description:
-        return "Cold"
+        return "Cold", "❄️"
     elif "cloud" in description:
-        return "Cloudy"
+        return "Cloudy", "☁️"
     elif "wind" in description:
-        return "Windy"
+        return "Windy", "💨"
     elif "smoke" in description or "haze" in description:
-        return "Smoky"
+        return "Smoky", "🌫️"
     else:
-        return "Uncategorized"
+        return "Uncategorized", "🔍"
 
 # Function to get outfit suggestion using Groq's LLaMA model
-def get_outfit_suggestion(temperature, description, style, fabric, weather_category):
+def get_outfit_suggestion(temperature, description, style, fabric, weather_category, weather_icon):
     # Initialize Groq's API
     try:
         client = groq.Groq(api_key=groq_api_key)  # Use the secret API key
@@ -58,17 +58,63 @@ def get_outfit_suggestion(temperature, description, style, fabric, weather_categ
             messages=[{"role": "user", "content": prompt}],
             model="llama3-8b-8192",  # Change to a valid Groq model if necessary
         )
-        return response.choices[0].message.content.strip()
+        return response.choices[0].message.content.strip(), weather_icon
     except Exception as e:
         st.error(f"Error using Groq API: {e}")
-        return None
+        return None, None
 
 # Streamlit UI for user input
-st.title("Weather-Based Outfit Suggestion App")
+st.set_page_config(page_title="Weather-Based Outfit Suggestion", page_icon="🌤️", layout="wide")
 
-city = st.text_input("Enter your location:")
+# Custom styles
+st.markdown("""
+    <style>
+    .reportview-container {
+        background: linear-gradient(135deg, #ffcc00, #ff7b00);
+    }
+    .stButton>button {
+        background-color: #ff5733;
+        color: white;
+        font-size: 18px;
+        border-radius: 10px;
+        padding: 10px;
+    }
+    .stTextInput input {
+        font-size: 16px;
+        padding: 10px;
+        border-radius: 10px;
+    }
+    .stSelectbox select {
+        font-size: 16px;
+        padding: 10px;
+        border-radius: 10px;
+    }
+    .stWrite, .stImage {
+        font-family: "Arial", sans-serif;
+        font-size: 18px;
+        color: #333;
+    }
+    .weather-header {
+        text-align: center;
+        font-size: 36px;
+        color: #ffffff;
+        font-family: "Arial", sans-serif;
+    }
+    .outfit-header {
+        font-size: 24px;
+        color: #444;
+        font-family: "Arial", sans-serif;
+        margin-top: 30px;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+st.title("🌤️ Weather-Based Outfit Suggestion App")
 
-# Add style and fabric input options
+# User input
+city = st.text_input("Enter your location:", placeholder="E.g. Peshawar")
+
+# Style and fabric preferences
 style = st.selectbox("Select your preferred style", ["Casual", "Formal", "Sporty", "Business", "Chic"])
 fabric = st.selectbox("Select your preferred fabric", ["Cotton", "Linen", "Wool", "Polyester", "Silk", "Leather"])
 
@@ -78,19 +124,19 @@ if city:
     if weather_data and weather_data["cod"] == 200:
         temperature, description = parse_weather_data(weather_data)
         # Categorize the weather
-        weather_category = categorize_weather(description)
+        weather_category, weather_icon = categorize_weather(description)
         
         # Display current weather info
         st.write(f"Current temperature in {city}: {temperature}°C")
-        st.write(f"Weather: {description}")
-        st.write(f"Weather Category: {weather_category}")
+        st.write(f"Weather: {description} {weather_icon}")
+        st.write(f"Weather Category: {weather_category} {weather_icon}")
         
         # Get outfit suggestion based on user preferences
-        outfit_suggestion = get_outfit_suggestion(temperature, description, style, fabric, weather_category)
+        outfit_suggestion, weather_icon = get_outfit_suggestion(temperature, description, style, fabric, weather_category, weather_icon)
         
         if outfit_suggestion:
             # Display outfit suggestion
-            st.write("Outfit Suggestion:")
+            st.markdown(f"### 🌟 Outfit Suggestion 🌟")
             st.write(outfit_suggestion)
         
         # Display weather icon
@@ -104,9 +150,6 @@ if city:
 st.markdown(
     """
     <style>
-    .reportview-container {
-        background: #f5f5f5;
-    }
     .stButton>button {
         background-color: #ff5733;
         color: white;
@@ -120,7 +163,6 @@ st.markdown(
 
 
 
-
 # import requests
 # import streamlit as st
 # import groq