View your stories in MythVox's storybook mode, and hear them come to life using Magic AI.
Create and save details about your RPG characters.
Add your characters to custom campaigns.
Add events to your campaigns, written in narrative prose or character dialogue.
Enhance your event entries using Magic AI.

MythVox: Storytelling Web App

Overview

MythVox is a storytelling web app for tabletop RPG groups, built entirely with Bolt. It allows players to chronicle their adventures, enhance them with AI-generated narrative, and bring characters to life with voice - turning campaign logs into immersive, living legends.

Inspiration & Impact

Role Playing Games are enjoyed by millions of people all over the world, and here at Team MythVox we're a part of that community. We love playing role playing games - coming together with other people to adopt the roles of fantastical characters, be creative, and have fun together.

At the heart of this experience is storytelling, but telling good stories can be difficult. It's a skill that requires a lot of practice. As two people with big ideas and limited resources, we saw an opportunity to use Bolt to create an app that blended storytelling, AI, and immersive design, to help players craft stories that feel as real as possible. And so with MythVox, we set out on a quest to build just that.

Campaign manager apps exist (we've used them), as do character creators, voice generators and other AI chatbots, but none combine these together in the unique way that MythVox does, and in a way that is simple for anyone to pickup and start writing and sharing immersive stories.

Technical Details

Bolt’s frontend builder to create a rich UI, including a fully navigable 3D storybook interface (using Three.JS), letting users explore campaign entries like pages in an ancient tome.
Supabase Auth & Row-Level Security policies for secure, frictionless user login and data protection.
Bolt’s native Supabase backend integration to manage campaigns, characters, media storage (using Supabase Storage), and AI integrations quickly and efficiently.
Supabase Edge Functions for fast, secure, server-side function calling of AI generation features
Google Gemini to enhance written entries into high-quality, character-tailored narratives.
ElevenLabs text-to-speech API for realistic AI audio, enabling character dialogue to be spoken aloud in the character’s voice, with minimal latency.

Challenges we faced

We faced several challenges around authentication, AI narration, and voice generation. It was important to us to make sure these features were setup robustly and securely, to ensure the user's stories would never be lost to the sands of time, and captured in a way that felt authentic.

Using Supabase Auth with Row-Level Security was a great option for this, and ensures that the backend databases are well-maintained and secure.

Enhancing user entries with Google Gemini and Elevenlabs pushed us to meticulously fine-tune system prompts to return narration that feels truly character-driven and emotionally rich. We knew it would be important to users that this content was served fast, so we had to consider how to handle these with low-latency, and ensure smooth coordination between client and server processes. Through this, we learned a great deal about how to use Supabase Edge Functions, which were a great option to securely handle the AI features, in a way that is scalable as the userbase grows.

What we learnt

As a team relatively new to full-stack web app development, building MythVox from scratch was a major learning experience. We even dove into Three.js to create an interactive 3D storybook, gaining hands-on understanding of rendering, camera control, and performance optimisation. Navigating the full development lifecycle from initial UI design in Bolt, to backend integration and deployment, taught us how to structure, launch, and maintain a functional web app. Every step pushed us beyond our comfort zones and rapidly expanded our skills as we learned and experimented.

What's next for MythVox

We have a backlog of features and ideas we will continue to work on to improve the functional, and user experience. We're proud of what we have achieved, but we are just getting started! Amongst our list of future features, we plan on reaching out to various RPG communities to get feedback on the direction we've taken so far, what we could improve on, to make MythVox the tool people look to for writing creative and immersive stories.