"Mirror of Heart AI"

• 

🌙 Inspiration We were inspired by the emotional void that exists in most tech tools. While AI is great at being smart, it's often terrible at being gentle. We wanted to build something that feels — something that doesn't just understand your words but senses your state of heart and soul.

Our idea was born from late-night journaling, whispered Duas, and a longing for connection — with faith, with ourselves, and with something divine. We wanted to see: What happens when a machine learns to whisper back?

So we created Mirror of Heart AI — a spiritual companion that reads your mood and responds with wisdom rooted in Islam, through poetry, Quran, and healing language.

🧠 What it does Mirror of Heart AI is a divine mood companion that uses AI to detect your emotional state through:

📝 Text Sentiment Analysis

🖼️ Image-based Emotion Detection

🎙️ Audio Tone Analysis

Once it understands your mood, it responds with a spiritually resonant reply using the Gemini 1.5 Flash model, structured as:

🌙 Celestial Greeting

🌸 Poetic Empathy

📖 Quranic Verses

🤲 Healing Duas

🌿 Gentle Islamic Advice

These replies are wrapped in nature metaphors, sacred tone, and soft spiritual language — making it feel more like a trusted Sufi mentor than an app.

🔧 How we built it ✨ Frontend: Built using React, TypeScript, Tailwind CSS, and deployed on Loveable.dev.

🧠 AI Core: Gemini 1.5 Flash via Supabase Edge Functions (using Deno runtime).

🧠 Emotion Detection:

Text: Custom prompt-based classification

Image: Vision model-based emotion analysis

Audio: Tone analysis (pitch, energy, speed)

🛠️ Supabase Functions: Lightweight serverless logic to handle API calls and routing.

🎨 UX/UI: Minimal yet spiritual aesthetic with animated owl companions and soft auditory cues.

💽 GitHub for source control and collaboration.

⚔️ Challenges we ran into 🌐 Integrating Gemini 1.5 API within a serverless Deno runtime on Supabase.

🎭 Designing AI prompts that respond emotionally, not just factually.

🔐 Managing environment secrets without exposing them in frontend (solved using edge functions).

💬 Creating faithful and safe spiritual content using AI while maintaining religious sensitivity.

📦 Keeping the project static and client-friendly, while still offering a dynamic backend.

🏆 Accomplishments that we're proud of 💡 Created a functioning emotional AI assistant in under 48 hours.

🤖 Seamlessly merged Islamic wisdom and machine learning to create heartfelt responses.

🎭 Built multi-modal mood detection (text, image, voice) in a unified UI.

🌱 Delivered not just a chatbot, but a tool for emotional healing and reflection.

📚 What we learned How to orchestrate multi-modal emotion detection using minimal resources.

The power of prompt engineering for empathy and faith-based dialogue.

Supabase Edge Functions with Deno are a great fit for lightweight, secure AI backend services.

Crafting meaningful AI experiences requires deep emotional design, not just good code.

🚀 What's next for Mirror of Heart AI 🌍 Multilingual support (Urdu, Arabic, Bengali)

🗣️ Voice-to-voice interaction using Whisper and TTS models

📱 Launch as a mobile-first PWA for offline journaling

🧠 Add journaling + mood-tracking history for spiritual growth

🌙 Collaborate with mental wellness & faith-based orgs to expand access

Built With

• css
• edge
• functions
• gemini
• loveable.dev
• react
• tailwind
• typescript
• upabase