# Project export: Stitchable.ai

This document was generated by HackStack to give an AI agent context about a hackathon project. Sections are labeled with their provenance; content marked as truncated was cut to keep this document small.

## Project metadata

- Hackathon: Cal Hacks 12.0
- Tagline: Stitchable uses AI to merge multiple recordings of the same event into one seamless, professional-quality video: automatically synced, stitched, and ready to share.
- Devpost: https://devpost.com/software/stitchable-ai
- GitHub: not linked
- Team: contributor stats unavailable

## Devpost submission (written by the team)

### Inspiration

Stitchable.ai was inspired by the magic of live concerts, birthday events, and performances: moments where everyone captures the same scene from different angles. We wanted to solve the frustration of having tons of scattered clips and automatically turn them into one seamless, cinematic highlight.

### What it does

Stitchable.ai is a web app that uses AI to merge multiple recordings of the same event into a single, professional-quality video. It automatically synchronizes videos using audio and visual cues, selects the best footage, and outputs a final stitched video ready to share.

### How we built it

We built Stitchable.ai as a web app using React 18 + TypeScript, Vite, and Tailwind CSS on the frontend, with Node.js (Express.js) and SQLite on the backend. For AI and video processing, we combined FFmpeg, OpenCV, and TensorFlow.js to handle synchronization, frame selection, and quality scoring. WebAssembly was integrated for performance optimization in client-side processing. Our system identifies sync points using custom audio correlation algorithms, aligns video segments visually, and automatically generates smooth transitions for the final output.

### Challenges we ran into

Synchronizing videos accurately when audio quality or timing differed between recordings. Maintaining performance and preventing browser crashes during client-side processing. Handling large video uploads while keeping the backend lightweight and responsive.

### Accomplishments we're proud of

Built an end-to-end AI video stitching pipeline from scratch. Achieved smooth multi-video synchronization using both audio and visual correlation. Deployed a working MVP capable of generating seamless, shareable event videos.

### What we learned

We deepened our understanding of video processing, cross-browser performance optimization, and how to integrate AI/ML models efficiently within a full-stack web architecture. We also learned the importance of optimizing for real-time user feedback and efficient data flow between frontend and backend.

### What's next

Next, we plan to introduce post-generation editing powered by AI (similar to text-based editing tools), multiple video version generation, and potential partnerships with event organizers for large-scale use. Eventually, we aim to make Stitchable.ai the go-to platform for AI-assisted event video creation, from concerts to weddings to corporate events.

## README (from the GitHub repository)

No README available.

## Detected evidence (automated analysis)

No repository was indexed for this project. Claimed technologies below could not be checked against code.
- Express (technology) — claimed on Devpost, not found in the code
- Node.js (technology) — claimed on Devpost, not found in the code
- Tailwind CSS (technology) — claimed on Devpost, not found in the code
- TypeScript (language) — claimed on Devpost, not found in the code

## Codebase structure

No repository index available.

## Key source files

No repository index available; no source files included.