DEV.WEB-10

IntaraBox Photo Booth

Next.js 16React 19TypeScriptTailwind CSS 4Framer MotionpythonMediaPipe Tasks Vision
IntaraBox Photo Booth - image 1
← swipe →

About the Project

IntaraBox Photo Booth is a web-based photo booth app built with Next.js 16 and React 19. It focuses on in-browser photo capture with camera zoom (0.6x-2.5x), countdown timers (3s, 5s, 10s) with flash effects, and multi-session capture. After taking photos, the system processes images using MediaPipe Tasks Vision for automatic background removal and replacement to keep performance optimal on mobile devices. Users can customize grid layouts, frame shapes (Oval, Heart, Hexagon, Ticket, Star, Diamond, Arch), tiling decorations and corner stickers, and frame styles like Polaroid or Minimal with adjustable colors. The interface is responsive for desktop and mobile with Framer Motion transitions, stacked card previews, and high-quality PNG export options for individual or batch results.

Year

2026

Type

Web

Technologies

Next.js 16React 19TypeScriptTailwind CSS 4Framer MotionpythonMediaPipe Tasks Vision