Tema Point of Sale (POS) modern untuk usaha kecil dan menengah Indonesia. Dibangun dengan Bootstrap 5, Tabler Icons, dan Vanilla JS — tanpa jQuery, tanpa framework backend.
Halaman
- login.html Halaman masuk — layout dua kolom (visual + form)
- kasir.html Layar kasir utama — grid produk + panel keranjang
- dashboard.html Dashboard backoffice — stat cards, grafik, transaksi terbaru
- produk.html Manajemen produk — tabel + modal tambah/edit
- kategori.html Manajemen kategori — cards + icon/color picker
- transaksi.html Riwayat transaksi — filter + modal detail
- laporan.html Laporan penjualan — KPI, grafik bulanan, breakdown metode bayar
- pengaturan.html Pengaturan toko — info, pajak, struk
Fitur
Kasir Screen
- Layout dua kolom: grid produk (kiri) + panel keranjang (sticky, kanan)
- Tambah produk ke keranjang, ubah qty, hapus item
- Pencarian produk & filter kategori (real-time)
- Jam digital berjalan di header
Alur Pembayaran
- Modal Checkout → Payment → Success
- Metode bayar: Tunai, Kartu, E-Wallet, QRIS
- Kalkulasi kembalian otomatis (mode Tunai)
- Tombol nominal cepat: 50rb / 100rb / 200rb / 500rb
Backoffice
- Sidebar navigasi fixed (dark), responsive (collapse di mobile)
- Stat cards dengan indikator naik/turun
- Mini bar chart pendapatan (pure CSS)
- Breakdown metode pembayaran (progress bar)
- Tabel produk & transaksi dengan pagination
- Modal CRUD: tambah/edit produk & kategori
- Konfirmasi hapus dengan modal dedicated
Teknis
- Bootstrap 5.3.3 (CDN)
- Tabler Icons 2.44.0 (webfont, CDN)
- Google Fonts — Inter
- CSS Custom Properties (mudah ganti warna/branding)
- Vanilla JS — tanpa jQuery
- Fully responsive (mobile-first)