Skip to content

UKM-IT-CKI/Photobooth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

✨ UKM IT Photobooth

Banner Image

Python Flask Vercel License

UKM IT Photobooth adalah aplikasi web interaktif yang memungkinkan pengguna untuk mengambil foto strip bergaya photobox secara langsung dari browser. Dibuat menggunakan Flask, Pillow (PIL), dan Vanilla JS.

Proyek ini dirancang untuk UKM IT Cipta Karya Informatika dengan antarmuka bertema Cyberpunk / Pop Art.


πŸ“Έ Fitur Utama

  • Real-time Camera Access: Menggunakan API browser (navigator.mediaDevices) untuk akses webcam yang lancar.
  • 4-Shot Sequence: Mengambil 4 foto berturut-turut dengan hitung mundur otomatis.
  • Dynamic Frames: Pilihan frame overlay yang dapat diganti secara instan (Tema: Comic, Alien, Space, Hacker).
  • Live Filters: Filter CSS real-time (Grayscale, Sepia, Brightness) sebelum pengambilan gambar.
  • Server-Side Processing: Penggabungan gambar (Grid 2x2) dilakukan di server menggunakan Python Pillow.
  • Privacy Focused: Tidak ada penyimpanan file di server. Gambar diproses dalam memori dan dikembalikan sebagai string Base64 untuk diunduh langsung.

πŸ› οΈ Tech Stack

Komponen Teknologi Deskripsi
Backend Flask Framework web ringan untuk routing dan logika.
Processing Pillow Manipulasi gambar (Resize, Paste, Grid) di Python.
Frontend HTML5, CSS3, JS UI responsif dengan tema Neon/Dark Mode.
Deployment Vercel Serverless deployment configuration.

πŸ“‚ Struktur Proyek

Project_Photobooth/
β”œβ”€β”€ app.py                # Main application file (Flask)
β”œβ”€β”€ requirements.txt      # Python dependencies
β”œβ”€β”€ vercel.json           # Konfigurasi deployment Vercel
β”œβ”€β”€ static/
β”‚   β”œβ”€β”€ css/
β”‚   β”‚   └── style.css     # Styling (Tema Neon/Pop Art)
β”‚   β”œβ”€β”€ frames/           # Aset gambar frame (.png)
β”‚   └── js/
β”‚       └── script.js     # Logika kamera, timer, dan fetch API
└── templates/
    └── index.html        # Halaman utama


🀝 Kontribusi & Credits
Dibuat dengan ❀️ untuk UKM IT Cipta Karya Informatika.

About

Program photobooth berbasis web sederhana ditulis dalam Python 🐍, JavaScript + HTML, dan CSS

Topics

Resources

Stars

Watchers

Forks

Contributors