Just a girl who loves taking photos — so she built her own photo booth.
This is a web-based photo booth app that lets users:
- Capture exactly three photos
- Apply a vintage filter in real-time
- Choose from a palette of nude pastel border colors
- Adjust border width
- Generate a vintage-style photo strip
- Download the final image 🎞️
All done using pure HTML, CSS, and JavaScript — no external libraries or frameworks. Just creativity and canvas magic.
- 🎥 Access device camera in-browser
- 📷 Take 3 filtered photos with countdown
- 🎨 Choose pastel border colors (e.g., Blush, Shell Pink, Rose Dust, Dusty Rose, Cameo Pink, Apricot Nude, and more)
↔️ Customize strip border width with a slider- 🖼️ Real-time canvas rendering of the photo strip
- 💾 One-click download of the final strip
- HTML5
- CSS3
- JavaScript (ES6)
- HTML5
<canvas>for rendering the strip
📁 photo-booth-app
├── index.html # Main page to capture photos
├── styles.css # Styling for the main photo booth UI
├── script.js # Logic to control camera and photo capture
├── strip.html # Strip generator page
├── strip.css # Styling for the strip preview
├── strip.js # Canvas logic and color options
└── README.md # This file
Inspiration
Inspired by vintage photo booths and the joy of capturing real-time memories with aesthetic vibes — all built using only core web technologies.