Profile
Rezxlnz
Back to projects

Jepretin

Premium browser-based photobooth designed to capture moments with elegance, featuring high-quality client-side processing.

Overview

Jepretin is a premium browser-based photobooth designed to capture your moments with elegance. It delivers a high-quality, seamless photography experience right from your browser, featuring a sophisticated white-themed aesthetic and focusing heavily on performance and privacy.

Jepretin Dashboard View
Jepretin Dashboard View

Key Features

  • Premium Interface: A modern UI featuring mesh gradients, glass-morphism, and fluid animations.
  • Instant Capture: Zero-latency camera feed equipped with mirror mode and auto-countdown for perfect timing.
  • Advanced Editor: Customize your photos instantly.
    • Filters: Aesthetic presets (B&W, Vintage, Sepia).
    • Frames: Curated minimal layouts (Polaroid, Film Strip).
  • Privacy First: Absolute privacy ensured. All image processing is handled securely client-side via the Canvas API. No photos are uploaded to any server.

Tech Stack

Built with modern technologies focusing on high performance, beautiful UI, and scalability:

  • React 18 (Vite): Core UI library for fast, component-driven development.
  • Tailwind CSS: For rapid, responsive, and sophisticated styling.
  • Framer Motion: To create smooth and fluid animations.
  • Lucide Icons: A clean and consistent iconography set.
  • Canvas API: Handles all of the core image processing locally.

Getting Started

To run the application locally on your machine:

  1. Clone the repository:

    git clone https://github.com/Rezkydesyafa/jepretin-aja-photobooth-WebApp.git
    cd jepretin-aja-photobooth-WebApp
    
  2. Install dependencies:

    npm install
    
  3. Run the development server:

    npm run dev
    

You can now view the photobooth by navigating to http://localhost:5173 in your browser.