Voice Mode
Affirmation Response
First Page
History
Test Query 2
Test Query 1

🌿 Crylog – The Emotional Journal That Cries With You

💡 Inspiration

In a fast-paced, emotionally taxing world, we often suppress our feelings or leave them unheard. Many journaling tools exist, but very few offer empathetic companionship, gentle encouragement, or supportive listening when we need it most. Crylog was born from a desire to create not just a digital diary—but a compassionate space where you can feel seen, heard, and comforted.

We imagined:

"What if your journal could **respond like a friend, gently reflect your emotions, and **speak back with warmth?"

This inspired us to combine AI emotional intelligence, natural language response, real-time journaling, and voice comfort playback into one holistic platform.

🧠 What it does

Crylog is an emotionally aware journaling companion. It helps users:

✍️ Write or speak their feelings via text or voice journaling
🧘 Receive gentle affirmations to ground them
💬 Get empathetic responses using AI (Gemini or OpenAI)
🔊 Hear those responses spoken back using emotion-adaptive ElevenLabs voices
💡 Keep a secure, private record of journal entries
📱 Use on mobile or desktop via a clean, distraction-free interface

It’s more than an app—it’s a safe space for your thoughts, designed with empathy-first UX.

🛠 How we built it

Crylog is a React + Vite web application built from scratch with a modular architecture. Here's a breakdown of the stack and features:

🔧 Frontend: React + Tailwind CSS (Clean UI with dark/light mode)
🧠 AI Integration:
- Primary: Google Gemini 2.0 Flash via @google/generative-ai
- Secondary (fallback-ready): OpenAI GPT-4
🧏 Text-to-Speech:
- ElevenLabs API for high-quality voice playback
- Graceful fallback when unavailable
🗣 Voice Journaling:
- Web Speech API for real-time speech-to-text input
🌱 Affirmations:
- Curated positive affirmations with rotating display
💾 Persistence: LocalStorage for offline-first journaling
🌐 Deployment: Live via Netlify

All components are cleanly separated with React Hooks and functional design patterns.

🧗‍♂️ Challenges we ran into

⚠️ Voice Playback Errors: Integrating ElevenLabs reliably required handling edge cases (rate limits, network, token errors). We built fallback messages like:

“Voice unavailable, but the words still carry warmth 💙”

🧬 Tone Alignment: Getting AI models to consistently respond with empathy, rather than factual or generic replies, took iterative prompt engineering.
🎤 Browser Support for Voice: Speech-to-text APIs behave inconsistently across devices and browsers. We implemented robust error handling and UX cues for unsupported environments.
🧪 Model Switching: Supporting both Gemini and OpenAI with a single UI required fallback logic and a smooth loading experience.

🏆 Accomplishments that we're proud of

🧘 Built a truly comforting AI companion—users don’t just write, they feel supported.
🎤 Delivered a seamless voice journaling experience using native browser APIs.
🧠 Created empathetic responses that feel human, with smooth ElevenLabs integration.
🌈 Designed a visually gentle and minimalist interface for mental clarity.
💬 Graceful failure handling with soft fallback messages and recovery flows.

📚 What we learned

Emotionally intelligent apps require careful design of both AI behavior and UI tone.
Multi-modal input/output (voice + text) creates more inclusive and immersive experiences.
Gemini and OpenAI have distinct personalities—prompt design matters deeply.
Users appreciate kind, non-intrusive feedback loops more than flashy features.

We also discovered the power of combining simple tech (like LocalStorage or Web APIs) with AI to deliver something truly meaningful.

🚀 What’s next for Crylog

We’re just getting started. Next steps include:

🔐 Cloud sync with optional login (Supabase/Firebase)
📱 Turn Crylog into a Progressive Web App (PWA) with offline-first features
🧑‍⚕️ Add mood tracking and mental health journaling templates
🔊 Offer voice-based affirmations or guided reflections
📊 Simple insights dashboard: “What themes do I write about most?”
🪄 AI-enhanced memory recall: Resurface journal entries tied to recurring thoughts
🤝 Partner with mental health nonprofits or therapists for ethical use