AI Selfie Kiosk
Touchscreen photo booth with AI stylisation
- Role
- Full Stack Developer
- Year
- 2023 — Now
- Context
- Lebax LLC · kiosk system
- Stack
- React, TypeScript, Webcam API, HTML5 / CSS, Express
- Summary
- A touch-friendly kiosk app that captures selfies and sends them to an AI backend for stylisation — built for tourist attractions and entertainment venues.
01 — problem
Seconds of attention, in a crowd
At a venue, visitors walk up, take a photo and move on. The experience had to be immediately understandable, fast enough for a queue, and robust enough to run unattended on a public touchscreen.
02 — concept
Look, tap, transform
A single-screen flow built around one simple interaction: see yourself, capture a photo, send it for AI processing, and receive a transformed result.
- Real-time webcam preview and snapshot capture
- One-tap photo capture and upload
- AI-powered image stylisation
- QR-based result delivery
03 — design
Designed for large touchscreens
Large interaction targets, responsive layouts for big displays and tablets, and a restricted public mode keep the experience simple for visitors while preventing access to configuration and admin controls.
04 — engineering
Built for the queue
React + TypeScript with the Webcam API powers the capture experience, with the interface optimized for fast interactions on large public displays.
The frontend handles the camera preview, snapshot capture, upload flow and result states while keeping the interaction simple enough for first-time users.
- React + TypeScript
- Webcam API
- Real-time camera preview
- Client-side image capture
- AI backend integration
- Touch-first kiosk interface
- Restricted public mode
05 — result
A commercial kiosk product
Built under contract at Lebax LLC as a public-facing kiosk system for tourist attractions and entertainment venues — designed to turn a few seconds of attention into a complete AI-powered photo experience, without requiring instructions.