Mosaic

• Mosaic is a web app for creating social media friendly video edits.
• Mosaic is a port of the popular native app, Cine-pic.

mosaic.mobi_1080x1080_2.mp4

Project Organization

Mosaic is a docker-based and the project is organized by container:

• /mosaic-backend (Express + FFmpeg)
• /mosaic-frontend (React + TypeScript)
• /mosaic-proxy (nginx reverse proxy)

Running Locally

git clone https://github.com/patrick-s-young/mosaic.mobi.git
cd mosaic.mobi/mosaic-api
npm run install
cd ../mosaic-backend
npm run install
cd ../mosaic-frontend
npm run install

To build images and run containers, run docker compose -f docker-compose-dev.yaml up from the root directory.

To update just the UI, run npm run dev from the /mosaic-frontend directory. Note: you will not be able to upload or render new videos.

To update the UI with upload and render enabled, run docker compose -f docker-compose-frontend-dev.yaml upfrom the root directory.

To run the containers on Docker Hub, run docker compose upfrom the root directory.

Author

• Patrick Young - Patrick Young

License

This project is licensed under the MIT License - see the LICENSE file for details.