Skip to content

README.md

Latest commit

 

History

History
49 lines (36 loc) · 1.28 KB

README.md

File metadata and controls

49 lines (36 loc) · 1.28 KB

Life 4 Cuts (LifePhotoBooth) 📸

A web-based photo booth application inspired by the popular Korean "Life 4 Cuts" (Insaengnecut). Capture moments, customize your photo strip, and download your memories!

✨ Live Demo

Features

  • 📸 Capture: Take 4 consecutive photos with a countdown timer.
  • 🎨 Layouts: Choose from 3 different layouts:
    • Strip: Classic vertical photo strip.
    • Grid: 2x2 square grid.
    • Film: Horizontal cinematic film strip.
  • ✨ Filters: Apply real-time filters including B&W, Sepia, Retro, and Soft.
  • 🎭 Themes: Customize the frame with different color themes (Milk, Dark, Sky, Peach).
  • 💾 Download: Generate and download your photo strip as a high-quality PNG image.

Tech Stack

  • Framework: React + Vite
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Deployment: GitHub Pages

Run Locally

  1. Clone the repository

    git clone https://github.com/EurusNotes/LifePhotoBooth.git
cd LifePhotoBooth

  2. Install dependencies

    npm install

  3. Start the development server

    npm run dev

Deployment

This project is configured to deploy to GitHub Pages.

npm run deploy