Software Engineering · Business Dashboard
B2B Invoice & PO Management System
Single Page Application untuk operasional bisnis B2B: purchase order, invoice, surat jalan, dan master data, dengan sinkronisasi real-time lewat Supabase.
Studi kasus
B2B Invoice System adalah Single Page Application (SPA) modern yang dirancang khusus untuk manajemen operasional bisnis dan rantai pasok.
Dibangun di atas ekosistem React Vite dan Supabase (BaaS), sistem ini mendigitalisasi alur kerja B2B tradisional menjadi serba otomatis, mulai dari pembuatan Purchase Order, penyesuaian stok, hingga pembuatan Invoice dan Surat Jalan.
01. Modul & Fitur Utama
Autentikasi & Dashboard
Protected Routes via Supabase Auth dengan dashboard metrik real-time (Total Revenue, Pending Invoices, dll).
Master Data Management
Pengelolaan tiga entitas kritikal bisnis: Customers (Pelanggan), Suppliers (Pemasok), dan Inventory (Stok Barang).
Purchase Orders (PO)
Pembuatan pesanan ke supplier. Dilengkapi RPC Supabase untuk otomatisasi penambahan stok & update harga modal saat PO diterima.
Smart Invoices
Pembuatan tagihan B2B. Mendukung kalkulasi pajak otomatis, format nomor dinamis, export PDF, dan otomatisasi potong stok.
Surat Jalan (Delivery Note)
Terintegrasi penuh dengan data Invoice untuk pencetakan dokumen pengiriman ekspedisi logistik secara instan.
Dynamic Settings
Konfigurasi kustom untuk profil perusahaan, informasi rekening bank, format prefix nomor surat, serta kustomisasi logo & bahasa.
02. Teknologi & Arsitektur
💻 Frontend & UI
☁️ Backend (BaaS)
03. Alur Transaksi Otomatis
1. Purchase Order
PO dicetak. Saat PO di-mark sebagai "Received", sistem memicu RPC Supabase untuk increment jumlah stok barang secara presisi.
2. Invoicing
Invoice di-generate untuk klien. Sistem otomatis mendeteksi kalkulasi pajak dan memicu aksi decrement stok yang terjual secara real-time.
3. Surat Jalan
Tanpa perlu input ulang data, sistem mengambil data Invoice terkait dan langsung menerbitkan Dokumen Pengiriman Logistik siap cetak.
