AI Storyteller Studio

Inspiration

The inspiration for this project came from the desire to create an interactive storytelling platform that combines cutting-edge technologies like AI-generated voices and blockchain. I wanted to build something that would allow creators to develop immersive, branching narratives with real-time voice synthesis. The goal was to make storytelling more dynamic and accessible, enabling users to explore interactive stories with audio-visual experiences.

What it does

The platform allows users to build branching narratives with AI-generated voices, allowing for an immersive and interactive storytelling experience. Creators can write stories, add choices, and incorporate voice narration using Eleven Labs API. The blockchain integration allows users to mint their stories as NFTs, offering a way to securely store and share them. The system also provides analytics to track user engagement and story completion.

How I built it

I built the project using React.js for the front-end, allowing for a dynamic and component-driven user interface. Supabase was used for backend functionality like authentication, storing story data, and providing real-time updates. Eleven Labs API was integrated for text-to-speech functionality, which converts written story text into lifelike voice narrations. I used Algorand blockchain for NFT minting and wallet integration. The project was deployed using Netlify for continuous delivery.

Challenges I ran into

One of the main challenges was integrating the Eleven Labs API seamlessly into the Story Builder and ensuring that voice generation occurred in real-time as the story progressed. I also encountered difficulties with Algorand blockchain integration, especially in ensuring smooth NFT minting and wallet interactions. Dynamic analytics were also initially static, requiring me to create real-time data fetching from Supabase for up-to-date statistics.

Accomplishments that I'm proud of

Successfully integrated AI-generated voice for each part of the story, providing a unique experience for users.
Enabled the minting of interactive stories as NFTs on the Algorand blockchain, bringing a new layer of value to the created content.
Built a real-time analytics dashboard that tracks story engagement, such as word count, completion rates, and more.
Created a seamless user interface that allows creators to easily build, modify, and preview their stories.

What I learned

Learned how to integrate AI voice generation in a real-world project using Eleven Labs API.
Gained a deeper understanding of blockchain technology, especially regarding NFTs and wallet integration with Algorand.
Gained proficiency with Supabase for real-time data management and user authentication.
Enhanced my skills in front-end development with React.js and handling complex state management for dynamic user experiences.

What's next for Untitled

Expand the project by adding more AI voices and personalization options for users to select different narrators and story themes.
Improve the blockchain integration with additional features such as rewards for story creators or enabling users to buy and sell stories on a marketplace.
Continue optimizing the real-time analytics and implement more detailed tracking of user behavior.
Focus on refining the user experience, especially for the mobile version, to ensure that creators can work on their stories seamlessly across devices.