Container Wars: Episode Eleven Labs

An interactive cinematic experience built for the web

๐Ÿš€ Live Demo | Built with Bolt.new + ElevenLabs AI

๐ŸŽฌ The Story

Experience an epic tale of the Container Wars, where the oppressive Docker Empire battles the brave StackBlitz Rebellion in a galaxy far, far away. Follow Luke Stackwalker, Princess Code-A, and StackBlitz Kenobi as they fight for instant development freedom across the cosmos.

โœจ Features

  • ๐ŸŽญ Cinematic Audio Experience - Professional voice acting powered by ElevenLabs AI
  • ๐ŸŽจ Immersive Visual Storytelling - Custom animations, particle effects, and Star Wars-inspired UI
  • ๐Ÿ”Š Dynamic Sound Effects - Web Audio API for explosions, lasers, and ambient sounds
  • ๐Ÿ“ฑ Responsive Design - Optimized for all devices from mobile to desktop
  • โšก Instant Deployment - Built with Vite for lightning-fast performance

๐Ÿ› ๏ธ Tech Stack

  • Bolt.new
  • ElevenLabs Text-to-Speech API + Web Audio API
  • Netlify

๐ŸŽฎ How to Experience

  1. Visit the live demo
  2. RECOMMENDED: Configure ElevenLabs API for full voice acting experience
  3. Click "BEGIN TRANSMISSION" to start your journey
  4. Sit back and enjoy the 4-minute cinematic adventure

๐Ÿ”ง Local Development

# Clone and install
npm install

# Start development server
npm run dev

# Build for production
npm run build

๐ŸŽค Audio Enhancement

For the full cinematic experience with professional voice acting:

  1. Get your API key from ElevenLabs.io
  2. Click "SETUP AUDIO" in the app
  3. Enter your API key to unlock character voices

Note: The app works without an API key using built-in sound effects, but the Eleven Labs voices make it 10x better

๐Ÿ† Hackathon Highlights

  • Innovation: Combines web development storytelling with AI voice synthesis
  • Technical Excellence: Seamless integration of multiple APIs and technologies
  • User Experience: Engaging, accessible, and memorable interactive experience
  • Production Ready: Deployed live with professional polish and performance optimization

๐ŸŒŸ Credits

Built with โค๏ธ using modern web technologies. May the Stack be with you!

Built With

  • bolt
Share this project:

Updates