Skip to content

A vintage-themed photo booth web app where users capture 3 photos, apply filters, choose pastel border colors, adjust width, and generate a downloadable strip — all in pure HTML, CSS & JS with real-time canvas rendering. No frameworks, just creativity!

Notifications You must be signed in to change notification settings

Srushtee1706/Vintage-PhotoBooth-WebAPP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

📸 Vintage Photo Booth Web App

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.

✨ Features

  • 🎥 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

🚀 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • HTML5 <canvas> for rendering the strip

📂 Project Structure

📁 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.

About

A vintage-themed photo booth web app where users capture 3 photos, apply filters, choose pastel border colors, adjust width, and generate a downloadable strip — all in pure HTML, CSS & JS with real-time canvas rendering. No frameworks, just creativity!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published