Update app.py

app.py

@@ -1,3 +1,187 @@
+# import requests
+# import streamlit as st
+# import groq
+
+# # Access API keys from Streamlit secrets
+# openweather_api_key = st.secrets["weather_api_key"]
+# groq_api_key = st.secrets["groq_api_key"]
+
+# # Function to get weather data from OpenWeatherMap
+# def get_weather_data(city):
+#     api_key = openweather_api_key  # Use the secret API key
+#     url = f"http://api.openweathermap.org/data/2.5/weather?q={city}&appid={api_key}&units=metric"
+#     try:
+#         response = requests.get(url)
+#         response.raise_for_status()  # Raise an HTTPError if the HTTP request returned an unsuccessful status code
+#         return response.json()
+#     except requests.exceptions.HTTPError as err:
+#         st.error(f"HTTP error occurred: {err}")
+#     except Exception as err:
+#         st.error(f"An error occurred: {err}")
+#     return None
+
+# # Function to parse weather data and categorize weather
+# def parse_weather_data(weather_data):
+#     temperature = weather_data["main"]["temp"]
+#     weather_description = weather_data["weather"][0]["description"]
+#     return temperature, weather_description
+
+# # Categorizing weather conditions
+# def categorize_weather(description):
+#     description = description.lower()
+#     if "clear" in description or "sun" in description:
+#         return "Sunny", "☀️"
+#     elif "rain" in description or "drizzle" in description or "shower" in description:
+#         return "Rainy", "🌧️"
+#     elif "snow" in description or "sleet" in description:
+#         return "Cold", "❄️"
+#     elif "cloud" in description:
+#         return "Cloudy", "☁️"
+#     elif "wind" in description:
+#         return "Windy", "💨"
+#     elif "smoke" in description or "haze" in description:
+#         return "Smoky", "🌫️"
+#     else:
+#         return "Uncategorized", "🔍"
+
+# # Function to get outfit suggestion using Groq's LLaMA model
+# 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
+        
+#         # Adjust the prompt based on the weather category and custom style
+#         prompt = f"The current weather is {description} with a temperature of {temperature}°C. The weather category is {weather_category}. Suggest an outfit. The user prefers a {style} style and {fabric} fabric."
+        
+#         # Use Groq's chat completion to get the text response
+#         response = client.chat.completions.create(
+#             messages=[{"role": "user", "content": prompt}],
+#             model="llama3-8b-8192",  # Change to a valid Groq model if necessary
+#         )
+#         return response.choices[0].message.content.strip(), weather_icon
+#     except Exception as e:
+#         st.error(f"Error using Groq API: {e}")
+#         return None, None
+
+# # Streamlit UI for user input
+# st.set_page_config(page_title="Weather-Based Outfit Suggestion", page_icon="🌤️", layout="wide")
+
+# # 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")
+
+# # User input
+# city = st.text_input("Enter your location:", placeholder="E.g. Peshawar")
+
+# # Gender selection
+# gender = st.selectbox("Select your gender", ["Male", "Female", "Other"])
+
+# # Custom style input
+# custom_style = st.text_input("Enter your personalized style (optional)", placeholder="E.g. Vintage, Sporty")
+
+# # If no custom style is provided, default to the selected style
+# style = custom_style if custom_style else st.selectbox("Select your preferred style", ["Casual", "Formal", "Sporty", "Business", "Chic"])
+
+# # Fabric preference
+# fabric = st.selectbox("Select your preferred fabric", ["Cotton", "Linen", "Wool", "Polyester", "Silk", "Leather"])
+
+# if city:
+#     weather_data = get_weather_data(city)
+    
+#     if weather_data and weather_data["cod"] == 200:
+#         temperature, description = parse_weather_data(weather_data)
+#         # Categorize the weather
+#         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} {weather_icon}")
+#         st.write(f"Weather Category: {weather_category} {weather_icon}")
+        
+#         # Get outfit suggestion based on user preferences
+#         outfit_suggestion, weather_icon = get_outfit_suggestion(temperature, description, style, fabric, weather_category, weather_icon)
+        
+#         if outfit_suggestion:
+#             # Display outfit suggestion
+#             st.markdown(f"### 🌟 Outfit Suggestion 🌟")
+#             st.write(outfit_suggestion)
+            
+#             # Additional section for Health and Comfort Tips
+#             st.markdown(f"### 🌿 Health & Comfort Tips 🌿")
+#             st.write(f"Given the {weather_category} weather, it's important to take care of your health:")
+#             st.write("- **Breathing**: A face mask or scarf covering your nose and mouth can help protect you from smoke inhalation.")
+#             st.write("- **Hydration**: Keep a water bottle with you, as smoke can dehydrate your body.")
+#             st.write("- **Rest**: Try to avoid strenuous activity outdoors and take breaks if you're feeling fatigued.")
+#             st.write("- **Eyes**: If you're feeling irritated, use eye drops to soothe any discomfort caused by smoke.")
+        
+#         # Display weather icon
+#         icon_code = weather_data["weather"][0]["icon"]
+#         icon_url = f"http://openweathermap.org/img/wn/{icon_code}.png"
+#         st.image(icon_url)
+#     else:
+#         st.write("Could not retrieve weather data. Please check the location.")
+        
+# # Optional: Add CSS for styling
+# st.markdown(
+#     """
+#     <style>
+#     .stButton>button {
+#         background-color: #ff5733;
+#         color: white;
+#     }
+#     </style>
+#     """,
+#     unsafe_allow_html=True
+# )
+
+
+
+
+
+
+
+
 import requests
 import streamlit as st
 import groq
@@ -50,9 +234,9 @@ def get_outfit_suggestion(temperature, description, style, fabric, weather_categ
     try:
         client = groq.Groq(api_key=groq_api_key)  # Use the secret API key
         
-        # Adjust the prompt based on the weather category and custom style
+        # Adjust the prompt based on the weather category
         prompt = f"The current weather is {description} with a temperature of {temperature}°C. The weather category is {weather_category}. Suggest an outfit. The user prefers a {style} style and {fabric} fabric."
-        
+
         # Use Groq's chat completion to get the text response
         response = client.chat.completions.create(
             messages=[{"role": "user", "content": prompt}],
@@ -67,8 +251,7 @@ def get_outfit_suggestion(temperature, description, style, fabric, weather_categ
 st.set_page_config(page_title="Weather-Based Outfit Suggestion", page_icon="🌤️", layout="wide")
 
 # Custom styles
-st.markdown("""
-    <style>
+st.markdown("""<style>
     .reportview-container {
         background: linear-gradient(135deg, #ffcc00, #ff7b00);
     }
@@ -106,179 +289,64 @@ st.markdown("""
         font-family: "Arial", sans-serif;
         margin-top: 30px;
     }
-    </style>
-""", unsafe_allow_html=True)
+    .left-column {
+        padding-right: 20px;
+    }
+    .right-column {
+        padding-left: 20px;
+    }
+</style>""", unsafe_allow_html=True)
 
+# Title and layout for columns
 st.title("🌤️ Weather-Based Outfit Suggestion App")
 
-# User input
-city = st.text_input("Enter your location:", placeholder="E.g. Peshawar")
-
-# Gender selection
-gender = st.selectbox("Select your gender", ["Male", "Female", "Other"])
-
-# Custom style input
-custom_style = st.text_input("Enter your personalized style (optional)", placeholder="E.g. Vintage, Sporty")
-
-# If no custom style is provided, default to the selected style
-style = custom_style if custom_style else st.selectbox("Select your preferred style", ["Casual", "Formal", "Sporty", "Business", "Chic"])
+# Create two columns: one for the user input and one for displaying results
+col1, col2 = st.columns([1, 2])  # 1: left column (user input), 2: right column (outfit suggestions)
 
-# Fabric preference
-fabric = st.selectbox("Select your preferred fabric", ["Cotton", "Linen", "Wool", "Polyester", "Silk", "Leather"])
+# User input in the left column (col1)
+with col1:
+    city = st.text_input("Enter your location:", placeholder="E.g. Peshawar")
+    gender = st.selectbox("Select your gender", ["Male", "Female"])
+    personalized_style = st.text_input("Enter your personalized style (optional)", placeholder="E.g. Peshawari")
+    fabric = st.selectbox("Select your preferred fabric", ["Cotton", "Linen", "Wool", "Polyester", "Silk", "Leather"])
 
-if city:
-    weather_data = get_weather_data(city)
-    
-    if weather_data and weather_data["cod"] == 200:
-        temperature, description = parse_weather_data(weather_data)
-        # Categorize the weather
-        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} {weather_icon}")
-        st.write(f"Weather Category: {weather_category} {weather_icon}")
+# Result display in the right column (col2)
+with col2:
+    if city:
+        weather_data = get_weather_data(city)
         
-        # Get outfit suggestion based on user preferences
-        outfit_suggestion, weather_icon = get_outfit_suggestion(temperature, description, style, fabric, weather_category, weather_icon)
-        
-        if outfit_suggestion:
-            # Display outfit suggestion
-            st.markdown(f"### 🌟 Outfit Suggestion 🌟")
-            st.write(outfit_suggestion)
+        if weather_data and weather_data["cod"] == 200:
+            temperature, description = parse_weather_data(weather_data)
+            # Categorize the weather
+            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} {weather_icon}")
+            st.write(f"Weather Category: {weather_category} {weather_icon}")
+
+            # Get outfit suggestion based on user preferences
+            outfit_suggestion, weather_icon = get_outfit_suggestion(temperature, description, personalized_style, fabric, weather_category, weather_icon)
+
+            if outfit_suggestion:
+                # Display outfit suggestion
+                st.markdown(f"### 🌟 Outfit Suggestion 🌟")
+                st.write(outfit_suggestion)
+                
+                # Additional section for Health and Comfort Tips
+                st.markdown(f"### 🌿 Health & Comfort Tips 🌿")
+                st.write(f"Given the {weather_category} weather, it's important to take care of your health:")
+                st.write("- **Breathing**: A face mask or scarf covering your nose and mouth can help protect you from smoke inhalation.")
+                st.write("- **Hydration**: Keep a water bottle with you, as smoke can dehydrate your body.")
+                st.write("- **Rest**: Try to avoid strenuous activity outdoors and take breaks if you're feeling fatigued.")
+                st.write("- **Eyes**: If you're feeling irritated, use eye drops to soothe any discomfort caused by smoke.")
             
-            # Additional section for Health and Comfort Tips
-            st.markdown(f"### 🌿 Health & Comfort Tips 🌿")
-            st.write(f"Given the {weather_category} weather, it's important to take care of your health:")
-            st.write("- **Breathing**: A face mask or scarf covering your nose and mouth can help protect you from smoke inhalation.")
-            st.write("- **Hydration**: Keep a water bottle with you, as smoke can dehydrate your body.")
-            st.write("- **Rest**: Try to avoid strenuous activity outdoors and take breaks if you're feeling fatigued.")
-            st.write("- **Eyes**: If you're feeling irritated, use eye drops to soothe any discomfort caused by smoke.")
-        
-        # Display weather icon
-        icon_code = weather_data["weather"][0]["icon"]
-        icon_url = f"http://openweathermap.org/img/wn/{icon_code}.png"
-        st.image(icon_url)
-    else:
-        st.write("Could not retrieve weather data. Please check the location.")
-        
-# Optional: Add CSS for styling
-st.markdown(
-    """
-    <style>
-    .stButton>button {
-        background-color: #ff5733;
-        color: white;
-    }
-    </style>
-    """,
-    unsafe_allow_html=True
-)
-
-
-
-
-
-
-
-
-
-# import requests
-# import streamlit as st
-# import groq
-
-# # Access API keys from Streamlit secrets
-# openweather_api_key = st.secrets["weather_api_key"]
-# groq_api_key = st.secrets["groq_api_key"]
-
-# # Function to get weather data from OpenWeatherMap
-# def get_weather_data(city):
-#     api_key = openweather_api_key  # Use the secret API key
-#     url = f"http://api.openweathermap.org/data/2.5/weather?q={city}&appid={api_key}&units=metric"
-#     try:
-#         response = requests.get(url)
-#         response.raise_for_status()  # Raise an HTTPError if the HTTP request returned an unsuccessful status code
-#         return response.json()
-#     except requests.exceptions.HTTPError as err:
-#         st.error(f"HTTP error occurred: {err}")
-#     except Exception as err:
-#         st.error(f"An error occurred: {err}")
-#     return None
-
-# # Function to parse weather data
-# def parse_weather_data(weather_data):
-#     temperature = weather_data["main"]["temp"]
-#     weather_description = weather_data["weather"][0]["description"]
-#     return temperature, weather_description
-
-# # Function to get outfit suggestion using Groq's LLaMA model
-# def get_outfit_suggestion(temperature, description, style, fabric):
-#     # Initialize Groq's API
-#     try:
-#         client = groq.Groq(api_key=groq_api_key)  # Use the secret API key
-        
-#         prompt = f"The current weather is {description} with a temperature of {temperature}°C. Suggest an outfit. The user prefers a {style} style and {fabric} fabric."
-
-#         # Use Groq's chat completion to get the text response
-#         response = client.chat.completions.create(
-#             messages=[{"role": "user", "content": prompt}],
-#             model="llama3-8b-8192",  # Change to a valid Groq model if necessary
-#         )
-#         return response.choices[0].message.content.strip()
-#     except Exception as e:
-#         st.error(f"Error using Groq API: {e}")
-#         return None
-
-# # Streamlit UI for user input
-# st.title("Weather-Based Outfit Suggestion App")
-
-# city = st.text_input("Enter your location:")
-
-# # Add style and fabric input options
-# 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"])
-
-# if city:
-#     weather_data = get_weather_data(city)
-    
-#     if weather_data and weather_data["cod"] == 200:
-#         temperature, description = parse_weather_data(weather_data)
-        
-#         # Display current weather info
-#         st.write(f"Current temperature in {city}: {temperature}°C")
-#         st.write(f"Weather: {description}")
-        
-#         # Get outfit suggestion based on user preferences
-#         outfit_suggestion = get_outfit_suggestion(temperature, description, style, fabric)
-        
-#         if outfit_suggestion:
-#             # Display outfit suggestion
-#             st.write("Outfit Suggestion:")
-#             st.write(outfit_suggestion)
-        
-#         # Display weather icon
-#         icon_code = weather_data["weather"][0]["icon"]
-#         icon_url = f"http://openweathermap.org/img/wn/{icon_code}.png"
-#         st.image(icon_url)
-#     else:
-#         st.write("Could not retrieve weather data. Please check the location.")
-        
-# # Optional: Add CSS for styling
-# st.markdown(
-#     """
-#     <style>
-#     .reportview-container {
-#         background: #f5f5f5;
-#     }
-#     .stButton>button {
-#         background-color: #ff5733;
-#         color: white;
-#     }
-#     </style>
-#     """,
-#     unsafe_allow_html=True
-# )
-
+            # Display weather icon
+            icon_code = weather_data["weather"][0]["icon"]
+            icon_url = f"http://openweathermap.org/img/wn/{icon_code}.png"
+            st.image(icon_url)
+        else:
+            st.write("Could not retrieve weather data. Please check the location.")
 
 
 # --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------