2024 · Sistem POS multi-tenant buat kafe — denah lantai, inventaris, dan laporan penjualan sinkron real-time via Firebase.
Sistem Kasir
The Problem
Owner kafe kecil sibuk ngurus orderan di kertas, ngitung stok manual, tanpa tau meja mana yang lagi rame — kasir nge-order nggak tau dapur udah nutup tab-nya, akhirnya double charge, omzet kabur.
The Solve
Sistem Kasir ngasih tiap kafe workspace tenant terpisah yang sinkron lewat Firestore — owner liat status denah lantai live, kasir proses order, staff stok nyatet inventaris, semuanya dari satu web app dengan login PIN sesuai role.
Trade-off-nya: pakai Firebase Auth anonim bikin setup hampir nol, tapi data nongkrong di collection path publik bersama — masih oke buat kafe kecil satu cabang.
Screens
App Flow
- 01Owner daftar via panel SuperAdmin
- 02Workspace tenant kebentuk di Firestore dengan path collection terpisah
- 03Kasir login pakai PIN
- 04Langsung dilempar ke tampilan denah lantai interaktif
- 05Kasir pilih meja dan tambahin produk
- 06Order tercatat, meja langsung ditandai "kepake" real-time
- 07Order ditutup / pembayaran masuk
- 08Transaksi tersimpan, laporan penjualan harian update otomatis
- 09Staff stok nyatet pembelian inventaris
- 10Pengeluaran tercatat di buku stok buat di-review owner
Under the Hood
- React 18
- Vite
- Firebase Firestore
- Firebase Auth
- Tailwind CSS
Nggak ada row-level security di sisi server; gantinya, data tiap tenant nongkrong di Firestore collection sendiri dengan pola `{collection}_{tenantId}`. Gampang banget dipasang di React satu file, tapi konsekuensinya Firestore rules harus jaga pola prefix-nya — trade-off sengaja: simpel lebih dipilih daripada batas keamanan yang ketat.
Changelog
Benerin globalUsers yang nggak ke-persist ke localStorage — login kasir/staff jebol pas refresh halaman atau pindah device.
Pindahin config Firebase ke environment variables.
Rilis perdana: denah lantai, katalog produk, inventaris, transaksi, dan login PIN per role.
Proyek lain dari foya.dev
Undangan Pernikahan
Platform undangan nikah digital — pilih tema, sebar ke tamu, scan QR pas hari H, ditambah amplop digital. Semua beres dari satu tempat.
- wedding
- invitation
Sistem Monitoring
Dasbor proyek multi-tenant yang presisi buat monitoring logistik real-time dan manajemen utang.
- SaaS
- Logistics
Ayo Belajar Bicara
PWA offline-first yang nyulap latihan terapi wicara jadi game seru buat balita di Indonesia.
- kids
- speech-therapy