📸 Web Photobooth App

A fun, interactive photobooth web app that allows users to capture live webcam photos, apply stylish frames, filters, stickers, and export their memories in custom layouts.

---

✨ Features

• 📷 Real-time webcam preview
• 🔄 Flip camera horizontally before taking photos
• 🖼️ Apply filters: B&W, Sepia, Vintage, Cool, etc.
• 🎨 Add stylish frames and stickers
• 🧩 Choose layout: 2x2, 3x2, 4x1, 4x2
• 💾 Export photo collage in high resolution
• 🎯 Smooth, modern UI built with Tailwind CSS

---

📸 Preview

---

⚙️ Tech Stack

• Vite – Lightning fast dev environment
• Tailwind CSS – Modern utility-first styling
• Convex – Realtime backend as a service
• TypeScript / HTML5 / Canvas API
• Chef Framework (via Convex)

---

🛠️ Project Structure

├── src/                # Main frontend logic
├── public/frames/      # Sample frame images
├── convex/             # Backend logic (Convex)
├── .env.local          # Local env config
├── vite.config.ts      # Vite config
├── tailwind.config.js  # Tailwind setup
└── package.json

---

🚀 Getting Started

git clone https://github.com/bluenoe/web-photobooth.git
cd web-photobooth
npm install
npm run dev

App runs at: http://localhost:5173

---

📦 Build for Production

npm run build

---

📄 License

MIT License – feel free to use and remix this project.

---

👤 Author

bluenoe
📧 [email protected]
🔗 GitHub: bluenoe

---

Made with ❤️ and a little bit of ✨ magic