DEV Community
Follow
I Built an AI That Turns Your Passion Into a Cinematic Origin Story
Origin is a web application that transforms personal passions into cinematic microsites. Users answer seven short questions about a passion, and the app generates an origin story, timeline, character card, AI-generated movie poster, and voice narration. The goal is to create an engaging experience rather than a simple text output. Origin prioritizes a guest-first approach, eliminating sign-up or login requirements to reduce friction. The project uses Next.js 16, React 19, TypeScript, and Tailwind CSS for its frontend. Three.js and React Three Fiber provide 3D hero scenes with 2D fallbacks. Google Gemini 2.5 Flash powers the storytelling, structuring answers into a movie narrative and designing the movie poster. The application validates AI responses and automatically corrects errors before display. ElevenLabs handles voice narration, offering male and female voice options with a fallback to the browser's speech engine. A framework-agnostic core logic ensures reliability and testability, operating without API keys for Gemini or ElevenLabs. This design allows for end-to-end testing and a seamless user experience even without authentication. Origin demonstrates exceptional use of Google AI for story generation and ElevenLabs for voice narration with robust fallback mechanisms.