Serenity Booth 🌸

A beautiful, free, browser-based photo booth application built with Vue 3, Tailwind CSS, and Vite.

Features

• 📸 Instant Capture: Take photos directly from your browser with a countdown timer.
• 🎨 Customizable: Choose from multiple layouts (Classic Strip, Grid, etc.), drag-and-drop stickers, and pick custom backgrounds.
• ✨ Filters & Effects: Add some sparkle to your memories.
• 📱 Mobile Friendly: Fully responsive design that works on any device.
• 🔒 Privacy Focused: All processing happens locally in your browser. No images are stored on servers.

Tech Stack

• Vue 3 - The Progressive JavaScript Framework
• TypeScript - Typed JavaScript
• Tailwind CSS - Utility-first CSS framework
• Vite - Next Generation Frontend Tooling
• Lucide Vue Next - Beautiful & consistent icons

Getting Started

1. Clone the repository

   git clone https://github.com/jeeexcalibur/Serenity-Booth.git
   cd Serenity-Booth

2. Install dependencies

   npm install

3. Run development server

   npm run dev

4. Open http://localhost:5173 in your browser.

Deployment

This project is ready to be deployed on platforms like Vercel or Netlify.

1. Fork this repository.
2. Import the project into Vercel/Netlify.
3. The build command is npm run build and output directory is dist.

Author

Made with 💜 by jeeexcalibur.

• GitHub: @jeeexcalibur
• Instagram: @helvetica12_
• Email: anandajein12@gmail.com

License

This project is open source and available under the MIT License.