A modern web application for creating AI-generated video stories using text prompts. Built with Next.js, TypeScript, and powered by OpenRouter and FAL AI.
- 🤖 AI-powered video story generation from text prompts
- 🎨 Interactive canvas workspace for scene editing
- 🎬 Video preview with Remotion player
- 🌙 Light/dark mode support
- 📱 Responsive design for all devices
- ♿ WCAG 2.1 AA accessibility compliance
- Node.js 18+ installed
- pnpm package manager installed
- Modern web browser (Chrome, Firefox, Safari, Edge)
pnpm installEdit .env.example file in the root directory with your API keys and rename it to .env:
OPENROUTER_API_KEY=your_openrouter_key_here
FAL_API_KEY=your_fal_api_key_hereGetting API Keys:
- OpenRouter: Sign up at openrouter.ai for text generation
- FAL AI: Sign up at fal.ai for image generation
pnpm devThe application will be available at http://localhost:3000.
pnpm dev- Start development serverpnpm build- Build for productionpnpm start- Start production serverpnpm lint- Run ESLintpnpm test- Run unit testspnpm test:watch- Run tests in watch modepnpm test:e2e- Run end-to-end testspnpm type-check- Run TypeScript type checking
- Text Input: Enter a video story prompt on the homepage
- AI Generation: OpenRouter generates title, storyboard, and scene prompts
- Image Creation: FAL AI generates images for each scene
- Canvas Editing: Drag and edit scenes in the interactive workspace
- Video Preview: Watch your generated video story
- The app works with mock responses when API keys are not configured
- All data is stored locally in the browser (no server-side database)
- Built with TypeScript for type safety
- Uses Tailwind CSS for styling
- Implements proper error handling and loading states
- Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- AI Providers: OpenRouter, FAL AI
- Video: Remotion
- UI Components: Radix UI
- Testing: Vitest, Playwright
- Package Manager: pnpm