Update app.py

app.py

@@ -1,67 +1,246 @@
 import streamlit as st
-
-# Set page config
+from openai import OpenAI
+from deepface import DeepFace
+from PIL import Image
+import tempfile
+import json
+import random
+import os
+import datetime
+from fuzzywuzzy import process
+
+# ================== CONFIG ==================
 st.set_page_config(
     page_title="Shaafee - Helps You Heal",
     page_icon="🕋",
     layout="centered"
 )
 
-# App Title
-st.title("🕋 Shaafee")
-st.subheader("Helps You Heal")
-
-# Intro
-st.markdown("""
-Welcome to **Shaafee**, your AI-powered Islamic companion that helps you find comfort, guidance, and healing through the Quran and your faith.
-""")
-
-# Features Section
-st.header("✨ Features")
-
-# Feature 1
-st.markdown("""
-**📖 Quranic Verse for Your Feelings**
-
-Tell us how you feel — and Shaafee will find a Quranic ayah to comfort and guide you.
-""")
-
-# Feature 2
-st.markdown("""
-**🤳 Emotion Detection with Selfie**
+# ================== OpenAI CLIENT ==================
+client = OpenAI(api_key=os.getenv("OPENAI_API_KEY"))
 
-Upload a selfie, and Shaafee will recognize your emotion and suggest a suitable ayah to uplift your soul.
-""")
+# ================== Load Local Ayahs JSON ==================
+with open("ayahs.json", "r", encoding="utf-8") as f:
+    ayah_data = json.load(f)
 
-# Feature 3
-st.markdown("""
-**❓ Ask the Quran**
+# ================== Masjid Data ==================
+# Put your full masjid_data here (as you shared)
 
-Curious about what the Quran says about any topic? Just ask, and Shaafee will guide you with relevant verses.
-""")
+masjid_data = {
+    # truncated for brevity — use your full dictionary here
+}
 
-# Feature 4
-st.markdown("""
-**🌙 Soul Healing Tracker**
-
-Track your spiritual healing journey with Shaafee’s personalized progress tools.
-""")
-
-# Feature 5
-st.markdown("""
-**🕌 Mosque Finder**
-
-Find mosques near you to connect with your community and strengthen your Imaan.
-""")
-
-# Call to Action
-st.header("🚀 Get Started")
-st.markdown("""
-Stay tuned! We are launching soon, Insha'Allah.  
-Meanwhile, feel free to explore the features as we build this experience for you.
-""")
-
-# Footer
-st.markdown("---")
-st.markdown("Made with ❤️ for the Ummah")
+# ================== TABS ==================
+st.title("🕋 Shaafee")
+st.subheader("Helps You Heal")
 
+tabs = st.tabs([
+    "🏠 Home",
+    "📖 Qur'anic Journaling",
+    "🤳 Emotion Detection",
+    "❓ Ask the Qur’an",
+    "🌙 Healing Tracker",
+    "🕌 Masjid Finder"
+])
+
+# ================== HOME ==================
+with tabs[0]:
+    st.markdown("""
+    Welcome to **Shaafee**, your AI-powered Islamic companion for comfort, guidance, and healing through the Qur’an and your faith.
+    """)
+
+    st.header("✨ Features")
+    st.markdown("""
+    **📖 Quranic Journaling** — Describe how you feel, and get a Quranic ayah for comfort.
+
+    **🤳 Emotion Detection** — Upload a selfie to detect your emotion and receive an ayah.
+
+    **❓ Ask the Qur’an** — Ask any question and see what the Qur’an says.
+
+    **🌙 Healing Tracker** — Track your spiritual goals and healing progress.
+
+    **🕌 Masjid Finder** — Find nearby mosques in your city.
+    """)
+
+    st.header("🚀 Get Started")
+    st.markdown("""
+    Stay tuned! We are launching soon, Insha'Allah.
+    """)
+
+    st.markdown("---")
+    st.markdown("Made with ❤️ for the Ummah")
+
+# ================== QURANIC JOURNALING ==================
+with tabs[1]:
+    st.header("📖 Qur'anic Journaling")
+
+    emotion = st.text_input("How are you feeling right now?")
+
+    if st.button("Get Qur'anic Guidance", key="journaling"):
+        if emotion.strip():
+            prompt = f"""
+            Suggest one Qur'anic Ayah in Arabic that helps someone feeling {emotion}.
+            Provide:
+            1) The Ayah in Arabic
+            2) Its English translation
+            3) A short, easy-to-understand tafsir.
+            """
+
+            response = client.chat.completions.create(
+                model="gpt-4o-mini",
+                messages=[{"role": "user", "content": prompt}]
+            )
+
+            output = response.choices[0].message.content
+
+            st.subheader("Qur'anic Guidance")
+            st.write(output)
+        else:
+            st.warning("Please enter how you feel.")
+
+# ================== EMOTION DETECTION ==================
+with tabs[2]:
+    st.header("🤳 Emotion Detection & Quranic Ayah")
+
+    uploaded_file = st.file_uploader(
+        "Upload your selfie...", type=["jpg", "jpeg", "png"]
+    )
+
+    if uploaded_file is not None:
+        img = Image.open(uploaded_file).convert("RGB")
+        st.image(img, caption="Uploaded Selfie", use_container_width=True)
+
+        with tempfile.NamedTemporaryFile(delete=False, suffix=".jpg") as tmp_file:
+            img.save(tmp_file.name)
+            image_path = tmp_file.name
+
+        with st.spinner("Analyzing emotion..."):
+            result = DeepFace.analyze(
+                img_path=image_path,
+                actions=["emotion"],
+                enforce_detection=False
+            )
+
+        if isinstance(result, list):
+            dominant_emotion = result[0]["dominant_emotion"].lower()
+        else:
+            dominant_emotion = result["dominant_emotion"].lower()
+
+        st.success(f"Detected Emotion: *{dominant_emotion.capitalize()}*")
+
+        ayahs_for_emotion = ayah_data.get(dominant_emotion)
+
+        if ayahs_for_emotion:
+            selected_ayah = random.choice(ayahs_for_emotion)
+            st.header("📖 Suggested Quranic Ayah")
+            st.markdown(f"*Ayah (Arabic):* {selected_ayah['ayah_arabic']}")
+            st.markdown(f"*Surah & Ayah:* {selected_ayah['surah_ayah']}")
+            st.markdown(f"*Translation:* {selected_ayah['translation']}")
+            st.markdown(f"*Tafsir:* {selected_ayah['tafsir']}")
+        else:
+            st.warning(
+                f"❌ No Ayahs found for *{dominant_emotion}*. "
+                f"Please add more to ayahs.json!"
+            )
+
+        st.info("💡 Uses only local, verified Ayahs for accuracy.")
+
+# ================== ASK THE QURAN ==================
+with tabs[3]:
+    st.header("❓ Ask the Qur’an")
+
+    topic = st.text_input(
+        "Ask your question:",
+        placeholder="What does the Qur’an say about ____?"
+    )
+
+    if st.button("Get Qur’anic Guidance", key="ask_quran"):
+        if topic.strip():
+            prompt = f"""
+            Provide a Qur'anic ayah in Arabic related to: {topic}.
+            Also provide:
+            1) The English translation
+            2) A short tafsir/explanation that is easy to understand.
+            Keep it concise.
+            """
+
+            try:
+                response = client.chat.completions.create(
+                    model="gpt-4o-mini",
+                    messages=[{"role": "user", "content": prompt}]
+                )
+                output = response.choices[0].message.content
+
+                st.subheader("Qur’anic Guidance")
+                st.write(output)
+
+            except Exception as e:
+                st.error(f"Error: {e}")
+        else:
+            st.warning("Please type your question.")
+
+# ================== HEALING TRACKER ==================
+with tabs[4]:
+    st.header("🌙 Soul Healing Tracker")
+
+    emotion = st.selectbox(
+        "Which emotion or challenge are you working on?",
+        ["Anxiety", "Sadness", "Anger", "Hopelessness", "Loneliness"]
+    )
+
+    goal = st.text_input(
+        "Set your healing goal (e.g., Recite Surah Duha every morning for 7 days):"
+    )
+
+    days = st.slider("How many days do you want to track?", 1, 30, 7)
+
+    if "progress" not in st.session_state:
+        st.session_state.progress = [False] * days
+
+    st.subheader("Daily Check-In")
+    for i in range(days):
+        done = st.checkbox(
+            f"Day {i+1} completed?", value=st.session_state.progress[i], key=f"day{i}"
+        )
+        st.session_state.progress[i] = done
+
+    completed = sum(st.session_state.progress)
+    percent = int((completed / days) * 100)
+
+    st.progress(percent)
+    st.write(f"✅ You’ve completed {completed} out of {days} days. ({percent}% done)")
+
+    if percent == 100:
+        st.success("MashaAllah! You’ve achieved your goal. Keep going!")
+    elif percent >= 50:
+        st.info("Great work! You’re more than halfway there.")
+    elif percent > 0:
+        st.write("Good start! Keep it consistent.")
+
+# ================== MASJID FINDER ==================
+with tabs[5]:
+    st.header("🕌 Find a Masjid Near You")
+
+    city = st.selectbox(
+        "Select your city:",
+        ["lahore", "islamabad", "karachi"]
+    )
+
+    locality = st.text_input(
+        "Enter your area/locality:",
+        placeholder="e.g., Model Town, G-6, DHA"
+    )
+
+    if st.button("Find Masajid"):
+        locations = masjid_data.get(city, {})
+        if not locations:
+            st.warning("❌ No masjid data for this city.")
+        else:
+            best_match, score = process.extractOne(locality.strip().lower(), locations.keys())
+
+            if score >= 70:
+                st.success(f"📍 Masajid near '{best_match.title()}':")
+                for name in locations[best_match]:
+                    st.write(f"- {name}")
+            else:
+                st.warning("⚠ No close match found. Try again with a different area.")