Update app.py

app.py

@@ -1,54 +1,135 @@
-import gradio as gr
-import os
+import streamlit as st
+import os, random
 from groq import Groq
 
-# Set your Groq API key (make sure to export it in your environment or manually paste it below for local testing)
-GROQ_API_KEY = os.getenv("GROQ_API_KEY")
-client = Groq(api_key=GROQ_API_KEY)
-
-def analyze_skin(symptom):
-    prompt = f"""
-You are SkinSense AI, a gentle and smart skincare assistant. The user has described their skin concern as: "{symptom}"
-
-Please:
-1. Greet the user with their name "Javeria".
-2. Give a short, easy-to-understand summary of the skin concern.
-3. Provide one global skin fact relevant to that concern.
-4. Recommend a simple 3-step daily skincare routine.
-5. Suggest one natural home remedy.
-6. Give 3 practical daily care or lifestyle tips.
-7. End with a motivational quote about skincare or self-care.
-
-Make sure the response is beginner-friendly, encouraging, and feels like a caring advisor. Format the output beautifully using headings, bullet points, and spacing.
-"""
-
-    chat_completion = client.chat.completions.create(
-        messages=[
-            {"role": "system", "content": "You are a friendly skin care assistant."},
-            {"role": "user", "content": prompt}
-        ],
-        model="mixtral-8x7b-32768"
+# ✅ Initialize Groq client
+client = Groq(api_key=os.getenv("GROQ_API_KEY"))
+
+# ✅ Cute skincare GIFs
+stickers = [
+    "https://media.giphy.com/media/3o6Zt481isNVuQI1l6/giphy.gif",
+    "https://media.giphy.com/media/l3q2XB76CaWPggiNW/giphy.gif",
+    "https://media.giphy.com/media/26tPplGWjN0xLybiU/giphy.gif",
+    "https://media.giphy.com/media/3o7TKP9XDb9IzUrJXa/giphy.gif",
+    "https://media.giphy.com/media/26Fxy3Iz1ari8oytO/giphy.gif",
+]
+
+# ✅ Streamlit app settings
+st.set_page_config(page_title="SkinSense AI", layout="centered")
+
+st.markdown("""
+    <h1 style='text-align:center; font-family:Arial; font-size:32px;
+        background: linear-gradient(to right, black, #4CAF50);
+        -webkit-background-clip: text; color: transparent;'>
+        🌿 <b>SkinSense AI – Your Smart Skincare Buddy</b>
+    </h1>
+""", unsafe_allow_html=True)
+
+with st.form("skincare_form"):
+    st.subheader("👤 Personal Information")
+    name = st.text_input("📝 Name")
+    gender = st.selectbox("🚻 Gender", ["Female", "Male", "Other"])
+    age = st.slider("🎂 Age", 5, 100, 25)
+
+    st.subheader("💆 Skin Details")
+    skin_concern = st.selectbox(
+        "🌟 Select a Common Skin Concern",
+        ["Dark Spots", "Acne", "Tanned Skin", "Oily Skin", "Dryness", "Other"]
     )
+    description = st.text_area("🧾 Or Describe Your Skin Concern", height=100)
+    image = st.file_uploader("📷 Upload Image (optional)", type=["png", "jpg", "jpeg"])
+    duration = st.selectbox("⏳ How long?", ["🆕 Less than a week", "📆 1–4 weeks", "📅 Over a month"])
+    sensitivity = st.selectbox("🧪 Sensitive Skin?", ["Yes", "No", "Not Sure"])
+    routine = st.selectbox("🧴 Skincare Routine?", ["Yes", "No"])
+
+    submitted = st.form_submit_button("✨ Get My Personalized Advice")
+
+if submitted:
+    if not name.strip():
+        st.warning("⚠ Please enter your name for personalized advice.")
+    elif not description.strip() and (skin_concern == "Other" or not skin_concern.strip()):
+        st.warning("⚠ Please select or describe your skin concern.")
+    else:
+        user_issue = description if description.strip() else skin_concern
+        random_factor = random.randint(1, 10000)
+
+        if gender == "Female":
+            gender_pref = "Focus on hydration, mild natural ingredients, and avoid harsh scrubs."
+        elif gender == "Male":
+            gender_pref = "Men often need oil-control and deep cleansing due to thicker skin."
+        else:
+            gender_pref = "Use a balanced routine suitable for all skin types."
+
+        prompt = f"""
+        User Profile:
+        - Name: {name}
+        - Gender: {gender}
+        - Age: {age}
+        - Skin Concern: {skin_concern}
+        - Description: {user_issue}
+        - Duration: {duration}
+        - Sensitive Skin: {sensitivity}
+        - Skincare Routine: {routine}
+
+        Additional Preference based on Gender:
+        {gender_pref}
+
+        Creativity factor: {random_factor}
+
+        FORMAT STRICTLY:
+        🌟 Personalized Greeting (use Name & friendly tone)
+        🩺 Skin Issue Summary (1 concise line)
+        📊 Global Insight (but vary percentage, not same every time)
+        🧴 Daily Care Routine (3 bullet points)
+        🌿 One Natural Remedy (unique each time)
+        💡 3 Lifestyle Tips (not generic, vary)
+        💬 Motivational Quote (1 line, italic)
+        """
+
+        try:
+            response = client.chat.completions.create(
+                model="llama3-8b-8192",
+                messages=[{"role": "user", "content": prompt}]
+            )
+            result = response.choices[0].message.content.strip()
+        except:
+            result = f"""
+            🌟 Hi {name}, great to see you here!  
+            🩺 Your skin concern: {skin_concern}  
+            📊 Around {random.randint(10,80)}% of people face this issue globally.  
+            🧴 Daily Care Routine:
+            • Cleanse twice daily with a mild face wash  
+            • Hydrate with light moisturizer  
+            • Apply SPF 30 sunscreen before going out  
+            🌿 Natural Remedy: Honey + turmeric paste for 10 mins once a week  
+            💡 Lifestyle Tips:
+            • Sleep at least 7 hrs daily  
+            • Eat omega-rich foods (fish, nuts)  
+            • Avoid touching your face frequently  
+            💬 “Your skin reflects how kindly you treat yourself.”
+            """
+
+        styled_result = (
+            result.replace("🌟", "<h3 style='color:#4CAF50;'>🌟")
+                  .replace("🩺", "</h3><h3 style='color:#4CAF50;'>🩺")
+                  .replace("📊", "</h3><h3 style='color:#4CAF50;'>📊")
+                  .replace("🧴", "</h3><h3 style='color:#4CAF50;'>🧴")
+                  .replace("🌿", "</h3><h3 style='color:#4CAF50;'>🌿")
+                  .replace("💡", "</h3><h3 style='color:#4CAF50;'>💡")
+                  .replace("💬", "</h3><h3 style='color:#4CAF50;'>💬") + "</h3>"
+        )
+
+        sticker = random.choice(stickers)
 
-    response = chat_completion.choices[0].message.content
-
-    # Format for cleaner display
-    formatted_response = f"""
-    <div style="font-family: Arial, sans-serif; color: #333; padding: 10px;">
-        <h2 style="color:#4CAF50;">🌟 Hi Javeria! 😊</h2>
-        <p>{response.replace('\n', '<br>')}</p>
-    </div>
-    """
-    return formatted_response
-
-# Gradio UI
-iface = gr.Interface(
-    fn=analyze_skin,
-    inputs=gr.Textbox(lines=3, label="Describe Your Skin Symptoms (e.g., oily, acne, dark spots)", placeholder="Type your skin concerns here..."),
-    outputs=gr.HTML(label="SkinSense AI Response"),
-    title="🌿 SkinSense AI – Your Personal Skin Care Helper",
-    description="👩‍⚕️ Get a personalized skincare routine using GenAI. Just describe your skin symptoms!"
-)
-
-if __name__ == "__main__":
-    iface.launch()
+        st.markdown(f"""
+        <div style='font-family:Arial, sans-serif; color:#111; background:#fff; padding:20px;
+                    border-radius:15px; border:2px solid #000; box-shadow:0px 3px 10px rgba(0,0,0,0.3);'>
+            <div style='display:flex; align-items:center; justify-content:space-between;'>
+                <h2 style='color:#000; margin:0;'>👤 <b>{name}</b> | {gender}, {age} yrs</h2>
+                <img src="{sticker}" style="width:70px; border-radius:10px;">
+            </div>
+            <div style='margin-top:15px; font-size:16px; line-height:1.7;'>
+                {styled_result}
+            </div>
+        </div>
+        """, unsafe_allow_html=True)