Inspiration
We often capture our most authentic thoughts through quick voice notes, but traditional note-taking apps treat them as isolated audio files rather than a continuous narrative of our lives. We wanted to build a digital notebook that honors both spontaneous voice capture and longitudinal self-reflection—a companion app that structures your daily reflections along an intuitive life-to-date timeline while keeping your data private and personal.
What it does
Telluote is an AI-powered, voice-first digital notebook designed to record, structure, and visualize your thoughts across your entire life journey.
- Voice-First Canvas: Capture quick audio notes with a single click; Telluote transcribes and scales waveform visualizer bars based on clip duration.
- Hierarchical Life Timeline: Anchored to your birth date, the app lets you zoom fluidly between years, months (with absolute calendar week numbers like Week 1 to Week 52), and individual days.
- Lifespan Progress Tracker: Includes an adjustable life progress bar (Life Odyssey) to keep long-term time investment in perspective.
- Privacy & Local-First Processing: Combines quick local caching for zero-latency recording with optional cloud sync and local AI customization options.
How we built it
- Frontend: Built with a minimalist dual-pane architecture, utilizing an electric sky-blue accent design theme, dynamic canvas components, and full Light/Dark mode toggles.
- Audio & Processing: Integrated browser media recording APIs with client-side waveform rendering and speech-to-text integration pipelines.
- Backend & Sync: Leveraged Supabase (Auth, PostgreSQL, and Storage) alongside IndexedDB for local-first caching, seamless guest-to-account data migration, and cross-device cloud persistence.
- Deployment: Deployed on Vercel for fast, continuous delivery and zero-cost hosting.
Challenges we ran into
- Scoping State across Time Nodes: Ensuring that custom notebook titles and audio streams stayed properly isolated and bound to specific date entities rather than leaking across global app state.
- Absolute Week Number Calculation: Mapping 12-month calendar dropdowns directly to absolute 52-week annual indices while accurately aligning starting day-of-week micro-badges (
Sun–Sat). - Guest-to-Cloud Data Migration: Designing a seamless background migration routine that transfers unauthenticated IndexedDB audio blobs and notes to cloud storage the moment a user registers.
Accomplishments that we're proud of
- Designing an elegant, dual-pane timeline layout that makes lifetime navigation feel effortless rather than overwhelming.
- Delivering zero-latency voice recording combined with multi-device cloud synchronization.
- Building a complete onboarding flow featuring instant Guest Mode testing before forcing account creation.
What we learned
- The importance of local-first state architecture when handling real-time audio blobs to maintain responsiveness.
- How simple visual metaphors—like matching visual timeline circle nodes and terminating arrows across navigation panes—dramatically improve overall UI cohesion.
What's next for Telluote
- Full Local AI Models: Running on-device LLMs directly via WebGPU/WASM for 100% offline personal intelligence without cloud dependencies.
- Interactive Life Insights: Allowing users to query their past voice entries using natural conversational AI ("What were my main goals in Spring 2024?").
- Multi-Format Export: Adding PDF/Markdown export capabilities for archiving yearly journals.
Built With
- node.js
- supabase
- vercel
