Yoga Image

Yogaardiana

Portfolio
  • Portfolio
  • Articles

Back to Portfolio
LaciPOS — Point of Sale Desktop - Portfolio Banner

LaciPOS — Point of Sale Desktop

Visit WebsiteGitHubYouTube
Laravel 11
Vue 3
Inertia.js
Tailwind CSS
NativePHP Electron
SQLite
DomPDF
Unovis

Video Demo

About This Project

LaciPOS — Point of Sale Desktop untuk Retail dan UKM

Konteks & Masalah

Banyak pemilik usaha retail, kuliner, dan UKM di Indonesia butuh sistem kasir yang bisa dipakai offline, ringan, dan gampang di-setup — tapi kebanyakan software POS di pasaran justru mengharuskan koneksi internet terus-menerus atau instalasi server database terpisah yang menyulitkan pengguna non-teknis. Dari situ, LaciPOS dibangun sebagai aplikasi kasir desktop yang lengkap tapi tetap ringan, bisa langsung dipakai pemilik toko tanpa perlu paham hal teknis sama sekali.

Yang Saya Bangun

Alur otentikasi & onboarding yang ramah pengguna. Registrasi owner dengan auto-login, wizard setup 6 langkah untuk konfigurasi toko (nama, alamat, zona waktu, logo, footer struk), plus sistem recovery password berbasis pertanyaan keamanan dan 10 kode pemulihan sekali pakai — semuanya berjalan offline tanpa email.

POS Kasir dengan interaksi cepat. Grid produk dengan pencarian real-time (debounce 300ms), filter kategori, dukungan varian multi-level, keranjang belanja yang bisa diedit langsung (qty, catatan, diskon per item), kalkulator tunai dengan kembalian otomatis, dan dukungan 4 metode pembayaran termasuk QRIS dengan sub-metode dan MDR.

Pemrosesan transaksi yang aman. Setiap checkout divalidasi lewat database transaction agar stok dan data tetap konsisten meski terjadi error di tengah proses. Struk bisa langsung dicetak ke printer thermal lewat NativePHP print API, atau diunduh sebagai PDF ukuran 58mm/80mm.

Manajemen produk, stok, dan diskon yang lengkap. CRUD produk dengan foto dan varian, margin otomatis dari harga jual dikurangi modal, log stok otomatis setiap transaksi, serta sistem diskon dengan auto-activation berdasarkan kuota, tanggal, dan happy hour.

Laporan bisnis siap pakai. Revenue, Profit & Loss, Best Sellers, dan Tax Summary — semuanya bisa diekspor ke PDF atau CSV, membantu pemilik toko memahami performa bisnisnya tanpa perlu software akuntansi terpisah.

Role-based access untuk keamanan data. Owner punya akses penuh ke semua menu, sementara kasir hanya bisa mengakses POS dan riwayat transaksinya sendiri — dijaga lewat middleware role di setiap route.

Keputusan Teknis

Saya membangun LaciPOS dengan arsitektur monolitik modern: Laravel 11 sebagai backend API internal, Vue 3 (Composition API) + Inertia.js sebagai frontend SPA tanpa perlu setup REST API terpisah, dan NativePHP Electron sebagai wrapper untuk packaging aplikasi desktop Windows. Untuk database, saya pilih SQLite yang embedded — jadi pengguna tidak perlu install atau konfigurasi server database sendiri, cukup jalankan installer dan aplikasi langsung siap pakai. Keseluruhan sistem dibangun dalam 1,5 bulan, terbagi ke fase foundation (auth, onboarding, role), core POS (kasir, transaksi, manajemen produk), dan laporan/pengaturan/build desktop.

Tech Stack

KategoriTeknologi
FrameworkLaravel 11
FrontendVue 3 (Composition API) + Inertia.js 3
StylingTailwind CSS 3
DesktopNativePHP Electron
DatabaseSQLite
PDF GeneratorDomPDF
ChartingUnovis
UI Componentsshadcn-vue, Reka UI

Hasil

LaciPOS kini tersedia sebagai aplikasi open source dengan lisensi MIT, berisi 81 fitur yang tersebar di 33 halaman, didukung 21 controller, 11 model, dan 60+ komponen Vue. Aplikasi ini membuktikan bahwa POS yang lengkap — dari kasir sampai laporan keuangan — bisa dibangun ringan, offline-first, dan tetap mudah dipakai oleh pengguna non-teknis sekalipun.

🔗 Live website: https://www.lacipos.my.id 🔗 Source code: https://github.com/yogaarrd/LaciPOS 🎥 Video demo: https://youtu.be/smipcU3-IMw

Gallery

Back to Portfolio