mirror of
				https://github.com/Wan-Video/Wan2.1.git
				synced 2025-11-03 22:04:21 +00:00 
			
		
		
		
	This commit adds a production-ready Progressive Web App for AI-powered video generation using Wan2.1 models. Features: - Next.js 15 frontend with App Router and PWA support - FastAPI backend with Replicate integration - 50+ prompt templates across 7 categories - Supabase authentication and database - Credit system with usage tracking - Text-to-Video and Image-to-Video generation - Complete documentation (setup, deployment, contributing) Project Structure: - apps/web: Next.js frontend with shadcn/ui components - apps/api: FastAPI backend with GPU processing via Replicate - packages/db: Database schema and migrations for Supabase Tech Stack: - Frontend: Next.js 15, shadcn/ui, Tailwind, Zustand, React Hook Form, Zod - Backend: FastAPI, Replicate, Supabase - Database: Supabase (Postgres) with RLS - Infrastructure: Turborepo monorepo, Vercel/Modal deployment Documentation: - README.md: Project overview and features - SETUP.md: Complete setup guide (5-minute quickstart) - DEPLOYMENT.md: Production deployment instructions - CONTRIBUTING.md: Contribution guidelines - PROJECT_SUMMARY.md: Comprehensive project documentation Ready for development and deployment. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
		
			
				
	
	
		
			115 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			115 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
# Wan2.1 PWA - AI Video Generation Platform
 | 
						|
 | 
						|
A production-ready Progressive Web App for AI-powered video generation using Wan2.1 models.
 | 
						|
 | 
						|
## Features
 | 
						|
 | 
						|
- 🎨 Smart Prompt Engineering: 50+ templates with context-aware suggestions
 | 
						|
- 🎬 Video Generation: Text-to-Video and Image-to-Video
 | 
						|
- 📱 Progressive Web App: Installable, offline-capable
 | 
						|
- 🔐 Authentication: Supabase Auth with OAuth support
 | 
						|
- 💳 Credit System: Freemium model with usage tracking
 | 
						|
- ⚡ Real-time Progress: WebSocket-based generation tracking
 | 
						|
- 🎯 Template Library: Categorized prompts (Cinematic, Animation, Realistic)
 | 
						|
- 📥 Download & Share: Export videos to device
 | 
						|
 | 
						|
## Tech Stack
 | 
						|
 | 
						|
### Frontend
 | 
						|
- Framework: Next.js 15 (App Router)
 | 
						|
- UI: shadcn/ui + Tailwind CSS
 | 
						|
- State: Zustand
 | 
						|
- Forms: React Hook Form + Zod
 | 
						|
- PWA: next-pwa
 | 
						|
 | 
						|
### Backend
 | 
						|
- API: FastAPI (Python)
 | 
						|
- GPU: Replicate / Modal
 | 
						|
- Queue: Celery + Redis
 | 
						|
 | 
						|
### Database
 | 
						|
- DB: Supabase (Postgres)
 | 
						|
- Auth: Supabase Auth
 | 
						|
- Storage: Supabase Storage
 | 
						|
- Cache: Upstash Redis
 | 
						|
 | 
						|
## Project Structure
 | 
						|
 | 
						|
```
 | 
						|
wan-pwa/
 | 
						|
├── apps/
 | 
						|
│   ├── web/          # Next.js frontend
 | 
						|
│   └── api/          # FastAPI backend
 | 
						|
├── packages/
 | 
						|
│   ├── ui/           # Shared UI components
 | 
						|
│   ├── db/           # Database schema & migrations
 | 
						|
│   └── types/        # Shared TypeScript types
 | 
						|
├── turbo.json        # Monorepo build config
 | 
						|
└── package.json      # Root dependencies
 | 
						|
```
 | 
						|
 | 
						|
## Prerequisites
 | 
						|
 | 
						|
- Node.js 18+
 | 
						|
- Python 3.10+
 | 
						|
- npm 9+
 | 
						|
- Supabase account
 | 
						|
- Replicate account
 | 
						|
 | 
						|
## Setup
 | 
						|
 | 
						|
See [SETUP.md](./SETUP.md) for detailed instructions.
 | 
						|
 | 
						|
## Quick Start
 | 
						|
 | 
						|
```bash
 | 
						|
# Clone & Install
 | 
						|
git clone <your-repo>
 | 
						|
cd wan-pwa
 | 
						|
npm install
 | 
						|
 | 
						|
# Start all services
 | 
						|
npm run dev
 | 
						|
 | 
						|
# Frontend: http://localhost:3000
 | 
						|
# Backend: http://localhost:8000
 | 
						|
```
 | 
						|
 | 
						|
## Development Commands
 | 
						|
 | 
						|
```bash
 | 
						|
npm run dev          # Start all services
 | 
						|
npm run build        # Build all packages
 | 
						|
npm run lint         # Lint all packages
 | 
						|
npm run test         # Run all tests
 | 
						|
npm run clean        # Clean build artifacts
 | 
						|
npm run format       # Format code with Prettier
 | 
						|
```
 | 
						|
 | 
						|
## Deployment
 | 
						|
 | 
						|
- Frontend: Vercel
 | 
						|
- Backend: Modal or Railway
 | 
						|
- Database: Supabase
 | 
						|
 | 
						|
See [DEPLOYMENT.md](./DEPLOYMENT.md) for detailed instructions.
 | 
						|
 | 
						|
## Project Roadmap
 | 
						|
 | 
						|
- [x] Monorepo setup
 | 
						|
- [ ] Authentication flows
 | 
						|
- [ ] Prompt template system
 | 
						|
- [ ] T2V generation
 | 
						|
- [ ] I2V generation
 | 
						|
- [ ] Batch processing
 | 
						|
- [ ] Payment integration
 | 
						|
- [ ] Mobile app
 | 
						|
 | 
						|
## Contributing
 | 
						|
 | 
						|
See [CONTRIBUTING.md](./CONTRIBUTING.md)
 | 
						|
 | 
						|
## License
 | 
						|
 | 
						|
MIT License - see [LICENSE](./LICENSE)
 |