Log inSign up
shaileshahndle
shaileshahndleAiyt
Public
Like
Aiyt
Code
4
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
Search
README.md

Mobile Video Editor PWA

A progressive web app for instant video editing optimized for mobile devices. Create trending short videos with multiple clips, effects, and filters.

Features

  • 📱 Mobile-first responsive design
  • 🎬 Multi-clip video editing
  • ✂️ Trim and merge videos
  • 🎨 Trending effects and filters
  • 📤 Export and share videos
  • 💾 Local storage for projects
  • 🔄 Real-time preview

Project Structure

├── backend/
│   └── index.ts           # API server with Hono
├── frontend/
│   ├── index.html         # Main app interface
│   ├── app.tsx           # React video editor component
│   ├── components/       # UI components
│   └── styles.css        # Custom styles
└── shared/
    └── types.ts          # Shared TypeScript types

Tech Stack

  • Frontend: React 18, TypeScript, TailwindCSS
  • Backend: Hono API framework
  • Video Processing: Web APIs (MediaRecorder, Canvas, WebGL)
  • Storage: Browser localStorage for projects
  • PWA: Service worker for offline capability

Usage

  1. Upload video clips or record directly
  2. Arrange clips on timeline
  3. Apply effects and filters
  4. Preview in real-time
  5. Export final video

Mobile Installation

This PWA can be installed on mobile devices:

  • iOS: Add to Home Screen
  • Android: Install App prompt
Code