SoulSync

according to mood color change and future self respond and ai music and spotify list comes
interface before journling
starting interface after that some onboarding question realted to idea future self will be asked

I’ve always loved journaling . it's my safe space, my mirror, and my way to stay grounded. But sometimes, even when I write, I wish I had someone wiser to reflect back… someone who knows me deeply, understands where I’m headed, and encourages me to keep going.

That’s when the idea clicked:

What if I could talk to my future self?

💡 Inspiration

The project was born from a mix of self-reflection, emotion tracking, and love for AI. I often journal to stay aligned with who I want to become — so I thought, why not build a tool that listens to my thoughts and responds like a wiser version of me? A system that makes me feel understood, encouraged, and connected to my long-term goals.

And of course… it had to be cute, emotional, and Gen Z–friendly ✨

🧠 How I Built It

SoulSync is a journaling app powered by Generative AI and a RAG-based architecture.

Here's what I built:

🧾 A beautiful onboarding system that asks soulful questions like “What inspires you?” or “Where do you see your future self?”
✍️ A journaling interface where users can share their thoughts and feelings daily.
🧠 An AI system that:
- Detects emotions/mood
- Uses a retrieval-augmented generation (RAG) method to reflect on past data
- Generates personalized responses from your Future Self
🎵 Music support via Spotify API and AI-generated MP3s to match your mood
🌈 Background UI that visually changes with your mood — without even naming it!

🧩 Stack & Tools

Frontend: React + Tailwind CSS + TypeScript (via Vite)
Backend: Supabase Edge Functions
AI: Groq API with Gemma 2 9B-it model
RAG: Combined onboarding + journaling for retrieval
Music: Spotify API + custom AI audio URLs

🚧 Challenges

The biggest challenge?

Integrating the powerful Gemma 9B model via Groq into my app’s flow.

Setting up edge functions, managing API routing, and ensuring seamless emotion detection + music generation was tricky — but incredibly rewarding.

I also had to:

Learn fast about RAG, Supabase edge functions, and hosting options
Design a UI that felt soft, expressive, and emotionally safe
Keep everything free, lightweight, and beautifully responsive

🧘‍♀️ What I Learned

How to turn a raw emotional idea into a working, end-to-end AI app
How emotion and AI can go hand-in-hand in healing, reflective tools
That hackathons aren't just about code — they’re about connection, creativity, and vision
How to make an app that speaks with heart, not just logic