Retro Photobooth

A classic, web-based photobooth experience built with React and TypeScript. Snap 6 photos, choose your layout, apply vintage filters, and customize borders with fun themes.

Features

• Camera Capture: Live camera feed with a 3-second countdown and flash effect.
• Photo Management: Snap up to 6 photos, with options to retake individual shots or clear all.
• Customizable Layouts: Choose from Vertical Strip, Horizontal Strip, 2x3 Grid, or 3x2 Grid.
• Vintage Filters: Apply filters like Grayscale, Sepia, Vintage, Cool, Warm, and Dramatic.
• Border Styles: Select from Simple, Thick, Polaroid, or Film Strip borders.
• Themed Backgrounds: 10 pre-made background styles including Classic, Love, Festive, Spooky, Funky, Retro, Ocean, Forest, Midnight, and Candy.
• High-Quality Export: Download your creation as a high-resolution PNG image.

Tech Stack

• Framework: React 19 + TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS v4
• Animations: Motion (Framer Motion)
• Icons: Lucide React
• Image Generation: html2canvas

Getting Started

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Open your browser and navigate to the local server URL (usually http://localhost:3000).

Usage

1. Allow Camera Access: The app requires camera permissions to function.
2. Take Photos: Click the camera button to start the countdown. Take up to 6 photos.
3. Edit: Once finished, click "Finish & Edit".
4. Customize: Use the sidebar to change the layout, filter, border, and background theme.
5. Download: Click "Download Strip" to save your photo strip.

License

This project is licensed under the Apache License, Version 2.0. See the LICENSE file for details.