Update app.py

app.py

@@ -1,171 +1,59 @@
 import gradio as gr
-import os, random
 from groq import Groq
+import os
 
-# ✅ Initialize Groq client
+# Initialize Groq client with your API key
 client = Groq(api_key=os.getenv("GROQ_API_KEY"))
 
-# ✅ Improved stickers (cute, health/skincare-related)
-stickers = [
-    "https://media.giphy.com/media/3o6Zt481isNVuQI1l6/giphy.gif",  # Cream applying
-    "https://media.giphy.com/media/l3q2XB76CaWPggiNW/giphy.gif",  # Aloe vera
-    "https://media.giphy.com/media/26tPplGWjN0xLybiU/giphy.gif",  # Water drinking
-    "https://media.giphy.com/media/3o7TKP9XDb9IzUrJXa/giphy.gif",  # Cucumber eyes
-    "https://media.giphy.com/media/26Fxy3Iz1ari8oytO/giphy.gif",  # Face mask cute
-]
-
-def skincare_advice(name, gender, age, skin_concern, description, image, duration, sensitivity, routine):
-    if not description.strip() and (skin_concern == "Other" or not skin_concern.strip()):
-        return "<b style='color:red;'>⚠ Please select or describe your skin concern.</b>"
-    if not name.strip():
-        return "<b style='color:red;'>⚠ Please enter your name for personalized advice.</b>"
-
-    user_issue = description if description.strip() else skin_concern
-    random_factor = random.randint(1, 10000)
-
-    # ✅ Gender-based differentiation
-    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:
-        # ✅ Fallback response if API fails
-        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)
-
-    return 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.replace('*', '<b>').replace('', '</b>')}
-        </div>
-    </div>
-    """
-
-with gr.Blocks() as demo:
-    gr.HTML("""
-    <style>
-        label, .gradio-container, .gr-box {
-            color: black !important;
-            font-weight: bold;
-            font-family: Arial, sans-serif;
-        }
-        textarea, input, select {
-            background-color: white !important;
-            border: 2px solid black !important;
-            color: #000000 !important;
-            font-size: 15px !important;
-            font-weight: bold;
-        }
-        input[type="range"] {
-            accent-color: black !important;
-        }
-        select {
-            background-color: white !important;
-            color: black !important;
-            border: 2px solid #4CAF50 !important;
-            font-weight: bold;
-        }
-    </style>
-    """)
-
-    gr.HTML("""
-    <h1 style='text-align:center; font-family:Arial; font-size:30px;
-        background: linear-gradient(to right, black, #4CAF50);
-        -webkit-background-clip: text; color: transparent;'>
-        🌿 <b>Welcome to SkinSense AI – Your Smart Skincare Buddy</b>
-    </h1>
-    """)
-
-    with gr.Row():
-        with gr.Column(scale=1):
-            name = gr.Textbox(label="📝 Name")
-            gender = gr.Dropdown(["Female", "Male", "Other"], label="🚻 Gender", value="Female")
-            age = gr.Slider(5, 100, value=25, step=1, label="🎂 Age")
-            skin_concern = gr.Dropdown(
-                ["Dark Spots", "Acne", "Tanned Skin", "Oily Skin", "Dryness", "Other"],
-                label="🌟 Select a Common Skin Concern", value="Other"
-            )
-            description = gr.Textbox(label="🧾 Or Describe Your Skin Concern", lines=3)
-            image = gr.Image(type="filepath", label="📷 Upload Image (optional)")
-            duration = gr.Dropdown(["🆕 Less than a week", "📆 1–4 weeks", "📅 Over a month"],
-                                   label="⏳ How long?")
-            sensitivity = gr.Dropdown(["Yes", "No", "Not Sure"], label="🧪 Sensitive Skin?")
-            routine = gr.Dropdown(["Yes", "No"], label="🧴 Skincare Routine?")
-            submit_btn = gr.Button("✨ Get My Personalized Advice")
-
-        with gr.Column(scale=1):
-            output = gr.HTML("<p style='color:gray;'>Your personalized skincare advice will appear here...</p>")
-
-    submit_btn.click(
-        fn=skincare_advice,
-        inputs=[name, gender, age, skin_concern, description, image, duration, sensitivity, routine],
-        outputs=output
+# Prompt Template
+prompt_template = """
+You are SkinSense AI, a gentle and friendly AI-powered skincare assistant. Your task is to analyze the following user-described symptoms and skin concerns. Based on this input, kindly return the following in a friendly tone with emojis and HTML formatting:
+1. Greet the user using their name (if given).
+2. Briefly summarize their skin issue in 1 line.
+3. Give a global skin insight (a short stat or fact).
+4. Suggest a daily care routine with 3 bullet points.
+5. Recommend 1 natural home remedy.
+6. Share 3 lifestyle tips.
+7. End with a motivational quote and a short note of encouragement.
+
+User Symptoms: {input}
+"""
+
+# Main function to generate output
+def analyze_skin(input, name):
+    prompt = prompt_template.format(input=input)
+    
+    # Get response from Groq (Mixtral model)
+    response = client.chat.completions.create(
+        model="mixtral-8x7b-32768",
+        messages=[
+            {"role": "system", "content": "You are a helpful and friendly AI assistant."},
+            {"role": "user", "content": prompt}
+        ]
     )
 
-# ✅ Remove settings & gradio bottom bar
-demo.launch(show_api=False, share=False)
+    raw_output = response.choices[0].message.content
+
+    # Fix <b> tags (auto-close them)
+    fixed_output = raw_output.replace("<b>", "<b>").replace("</b>", "</b>")
+    
+    # Add user name in greeting if provided
+    if name:
+        fixed_output = fixed_output.replace("Hi!", f"🌟 Hi {name}! 😊")
+
+    return fixed_output
+
+# Gradio UI setup
+iface = gr.Interface(
+    fn=analyze_skin,
+    inputs=[
+        gr.Textbox(label="Describe your skin concern (e.g., dry, acne, oily, sensitive, etc.)"),
+        gr.Textbox(label="Your name (optional)", placeholder="e.g. Javeria")
+    ],
+    outputs=gr.HTML(label="SkinSense AI Response"),
+    title="SkinSense AI 🧴🌸",
+    description="A GenAI-powered assistant for personalized skincare advice. Just describe your skin concern and get a full care plan instantly!"
+)
+
+if __name__ == "__main__":
+    iface.launch()