photobooth/README.md

photobooth

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup

• Chromium-based browsers (Chrome, Edge, Brave, etc.):
  • Vue.js devtools
  • Turn on Custom Object Formatter in Chrome DevTools
• Firefox:
  • Vue.js devtools
  • Turn on Custom Object Formatter in Firefox DevTools

Customize configuration

See Vite Configuration Reference.

Project Setup

yarn

Environment

Create .env.local (or copy from .env.example) and set:

VITE_API_BASE_URL=https://your-api.example.com

Compile and Hot-Reload for Development

yarn dev

Compile and Minify for Production

yarn build

Backend requirements (for auth + saved strips)

This app expects a backend that implements:

• POST /auth/signup
• POST /auth/login
• POST /auth/refresh (uses HttpOnly refresh cookie)
• POST /auth/logout
• GET /me
• GET /media?type=strip
• POST /media (accepts dataUrl for strip PNG)
• DELETE /media/:id

If frontend and backend are on different domains, backend must support:

• CORS with an explicit Access-Control-Allow-Origin (not *)
• Access-Control-Allow-Credentials: true
• refresh cookie set with HttpOnly; Secure; SameSite=None