Auva.vn

App Auva and system control vacuum cleaner

Comment

VEO3 - Dịch Vụ Tạo Video AI Chuyên Nghiệp

VEO3 Logo

🎬 Giới Thiệu

VEO3 là dịch vụ tạo video AI hàng đầu tại Việt Nam, chuyên cung cấp các giải pháp video chất lượng cao với công nghệ trí tuệ nhân tạo tiên tiến nhất hiện nay. Chúng tôi giúp các doanh nghiệp và cá nhân biến những ý tưởng sáng tạo thành những video ấn tượng, thu hút và hiệu quả.

🌟 Tính Năng Chính

  • 🤖 AI Script Generator: Tạo kịch bản video tự động với công nghệ DeepSeek AI
  • 📹 Video Gallery: Thư viện video mẫu với nhiều danh mục
  • ⚡ Admin Panel: Quản lý video và nội dung dễ dàng
  • ☁️ Cloud Storage: Tích hợp Cloudinary cho lưu trữ video
  • 📱 Responsive Design: Giao diện thân thiện trên mọi thiết bị
  • 🔒 Secure Authentication: Hệ thống xác thực an toàn với Supabase

🚀 Demo

Xem demo trực tiếp tại: https://scode.works

📋 Yêu Cầu Hệ Thống

  • Node.js 18+
  • npm hoặc yarn
  • Tài khoản Supabase (cho database)
  • Tài khoản Cloudinary (cho lưu trữ video)
  • API Key DeepSeek (cho AI script generation)

🛠️ Cài Đặt

1. Clone Repository

git clone https://github.com/your-username/veo3.git
cd veo3

2. Cài Đặt Dependencies

npm install

3. Cấu Hình Environment Variables

Tạo file .env trong thư mục gốc:

# Supabase Configuration
VITE_SUPABASE_URL=your_supabase_project_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

# Cloudinary Configuration
VITE_CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
VITE_CLOUDINARY_UPLOAD_PRESET=ml_default
VITE_CLOUDINARY_API_KEY=your_cloudinary_api_key

# DeepSeek AI Configuration
VITE_DEEPSEEK_API_KEY=your_deepseek_api_key

4. Thiết Lập Database

Chạy migrations trong Supabase Dashboard hoặc sử dụng Supabase CLI:

# Nếu sử dụng Supabase CLI
supabase db reset

5. Chạy Development Server

npm run dev

Ứng dụng sẽ chạy tại http://localhost:5173

🏗️ Cấu Trúc Dự Án

veo3/
├── public/
│   ├── _redirects          # Netlify redirects
│   └── vite.svg
├── src/
│   ├── components/         # React components
│   │   ├── ui/            # UI components
│   │   ├── AdminAuth.tsx  # Admin authentication
│   │   ├── VideoGallery.tsx
│   │   ├── VideoPlayer.tsx
│   │   └── ...
│   ├── lib/               # Utilities và services
│   │   ├── supabase.ts    # Supabase client
│   │   ├── cloudinary.ts  # Cloudinary integration
│   │   └── videoService.ts
│   ├── pages/             # Page components
│   │   ├── Home.tsx
│   │   ├── Pricing.tsx
│   │   └── ...
│   ├── services/          # API services
│   │   └── api.ts         # DeepSeek AI integration
│   ├── types/             # TypeScript types
│   └── main.tsx
├── supabase/
│   └── migrations/        # Database migrations
├── .env                   # Environment variables
├── package.json
└── README.md

🔧 Cấu Hình Chi Tiết

Supabase Setup

  1. Tạo project mới tại supabase.com
  2. Lấy URL và anon key từ Settings > API
  3. Chạy migrations để tạo bảng videos
  4. Cấu hình RLS policies cho bảo mật

Cloudinary Setup

  1. Tạo tài khoản tại cloudinary.com
  2. Tạo upload preset ml_default với mode unsigned
  3. Lấy cloud name và API key từ dashboard

DeepSeek AI Setup

  1. Đăng ký tại platform.deepseek.com
  2. Tạo API key mới
  3. Thêm vào file .env

📱 Tính Năng

🎯 Trang Chủ

  • Hero section với thông tin liên hệ
  • Video gallery với filter theo danh mục
  • Responsive design với hiệu ứng cyber

💰 Bảng Giá

  • Giá theo thời lượng video
  • Bảng giá đại lý với chiết khấu
  • Thông tin chi tiết dịch vụ

🎬 Admin Panel

  • Đăng nhập bảo mật
  • Quản lý video (CRUD)
  • Upload video lên Cloudinary
  • Tạo kịch bản AI

🤖 AI Script Generator

  • Tạo kịch bản từ mô tả
  • Phân cảnh tự động
  • Tạo prompts cho AI video generation

🎨 Design System

Colors

  • Primary: Cyan (#00FFFF) - Màu chủ đạo
  • Secondary: Purple (#C084FC) - Màu phụ
  • Accent: Pink (#EC4899) - Màu nhấn
  • Background: Dark (#0F172A) - Nền tối

Typography

  • Headings: Orbitron (Cyber font)
  • Body: Share Tech Mono (Monospace)

Effects

  • Neon borders và glow effects
  • Scanner animations
  • Cyber-themed UI elements

🔐 Bảo Mật

  • Row Level Security (RLS) với Supabase
  • Admin authentication với session management
  • Secure API key handling
  • Input validation và sanitization

📊 Performance

  • Lazy loading cho images và videos
  • Optimized Cloudinary delivery
  • Efficient database queries
  • Responsive images với multiple formats

🚀 Deployment

Netlify (Recommended)

  1. Connect repository to Netlify
  2. Set environment variables in Netlify dashboard
  3. Deploy automatically on push

Manual Build

npm run build
npm run preview

🧪 Testing

# Run linting
npm run lint

# Type checking
npm run type-check

# Build test
npm run build

📞 Liên Hệ & Hỗ Trợ

📱 Thông Tin Liên Hệ

🆘 Hỗ Trợ Kỹ Thuật

  • Hỗ trợ 24/7 qua Zalo
  • Tư vấn miễn phí setup và cấu hình
  • Đào tạo sử dụng hệ thống

🤝 Đóng Góp

Chúng tôi hoan nghênh mọi đóng góp! Vui lòng:

  1. Fork repository
  2. Tạo feature branch (git checkout -b feature/AmazingFeature)
  3. Commit changes (git commit -m 'Add some AmazingFeature')
  4. Push to branch (git push origin feature/AmazingFeature)
  5. Tạo Pull Request

📄 License

Dự án này được phân phối dưới giấy phép MIT. Xem file LICENSE để biết thêm chi tiết.

🔄 Changelog

v1.0.0 (2025-01-16)

  • ✨ Initial release
  • 🎬 Video gallery với admin panel
  • 🤖 AI script generation
  • ☁️ Cloudinary integration
  • 🔐 Supabase authentication
  • 📱 Responsive design

🙏 Acknowledgments

Được phát triển với ❤️ bởi KHACHUY - SCODEVN

Zalo • Hotline • Email • Nhóm Zalo

Built With

Share this project:

Updates