ScribbleTale

Don't just tell a story. Build one together.

Comment

Inspiration

Every parent knows the magic of storytime, but also its challenge: stories become repetitive, and a child's boundless imagination often remains a one-way street. We asked ourselves: What if a child could not just listen to a story, but direct it? What if we could give a voice to their incredible ideas in real-time? That's why we created ScribbleTale.

What it does

ScribbleTale is a mobile application that transforms passive story time into a live, interactive, conversational adventure.

  • Real-time AI Storytellers: Users have a face-to-face video conversation with AI characters who act as personal storytellers.
  • Collaborative Story Creation: The app listens to the user's vocal responses and weaves their ideas directly into the plot, making every story unique.
  • Premium Customization: A premium subscription unlocks new storyteller characters, magical backgrounds, and unlimited story creation via our "Magic Ink" system.
  • Voice Cloning (Premium Feature): Our most magical feature, built with ElevenLabs, allows parents to clone their own voice, creating deeply personal bedtime stories for their children.
  • Story Library: Every created adventure can be saved and re-watched in a personal library.

How we built it

This project was born and built entirely within the World's Largest Hackathon. Our journey was a true testament to modern Human-AI collaboration, with Bolt.new as our primary development environment. The entire development process, from initial ideation to strategic pivots and debugging, was conducted as a Human-AI partnership. We used Google's Gemini as a strategic advisor alongside Bolt as the primary development agent.

We started with a detailed UI/UX vision designed in Figma, while Bolt generated the initial UI structure, I personally hand-coded the final user interface to ensure a premium and flawless user experience. This entire hybrid development process was conducted within the Bolt environment. The most critical part was building the AI pipeline: we pivoted to Tavus's CVI for real-time video, used Supabase for user authentication and data, and integrated RevenueCat to manage the full subscription lifecycle. All backend logic, such as updating user status or saving data, was handled by secure Supabase Edge Functions, also created with Bolt's assistance.

Challenges we ran into

The journey wasn't without obstacles. Our biggest challenges were:

  • API Integration & Billing: We initially faced a persistent 402 Payment Required error from Tavus. Through systematic debugging, we discovered it was an account activation issue specific to the hackathon offer and resolved it by creating a new, correctly permissioned account.
  • Technical Limitations: Our ambitious plan for a dynamic greenscreen effect was not feasible with the CVI's WebView implementation. We strategically pivoted, reframing the feature to offer a choice of unique "Storyteller" characters, each with their own pre-set thematic world. This turned a limitation into a stronger premium feature.
  • AI "Hallucinations": While Bolt was incredible for major tasks, it sometimes struggled with nuanced UI styling or complex logic. This forced us to adopt a hybrid "80/20" workflow, where we would manually intervene in Bolt's code editor to write or refine the final 20% for pixel-perfect results.

Accomplishments that we're proud of

As a solo developer, I'm incredibly proud of building a fully functional, full-stack application with multiple complex AI integrations in just 19 days. We successfully implemented a real-time conversational video interface, a complete user authentication system, and a sandbox-ready monetization model. Most of all, we're proud of creating a product that feels truly magical and has the potential to create priceless moments for families.

What we learned

This project taught us that the future of development isn't about AI replacing humans, but about humans directing AI. The most effective workflow is a partnership: using AI for its incredible speed in generating boilerplate and complex structures, and using human intuition for creativity, strategic pivots, and the final, polished details. Knowing when to prompt, when to code manually, and when to rethink an idea was the key to our success.

What's next for ScribbleTale

This is just the beginning of the adventure! Our roadmap is focused on deepening the magic and personalization:

  • Full Voice Cloning Implementation: Finalizing the UI for parents to easily clone their voice.
  • Multi-Theme Story Weaving: Allowing users to combine multiple ideas (like a dragon, a pirate, and a spaceship) into one epic tale.
  • The Audio Fable Library: Expanding the ElevenLabs feature to offer a library of non-interactive, high-quality audio stories perfect for quiet listening.
  • Expanding the Character Universe: Continuously adding new Storyteller characters and worlds for premium users to explore.

Built With

Share this project:

Updates