Bio-Sada: Platform SaaS Bank Sampah Digital Multi-Aktor Berbasis Real-Time
Ekosistem web mobile-first yang mendigitalkan logistik penjemputan sampah, transparansi harga pasar, dan pembukuan finansial bagi nasabah, mitra, serta admin.
Ikhtisar
Pengelolaan bank sampah konvensional di Malang dan sekitarnya sering terkendala pencatatan manual, fluktuasi harga yang tidak transparan, serta inefisiensi rute penjemputan mitra pengepul. Proyek freelance ini dirancang sebagai solusi SaaS multi-aktor komprehensif yang menghubungkan tiga entitas: Nasabah, Mitra Pengepul, dan Admin. Dibangun dengan pendekatan mobile-first menggunakan React, TypeScript, dan Supabase Realtime, Bio-Sada memfasilitasi permintaan penjemputan on-demand, validasi berat timbangan di tempat, serta kalkulasi saldo tabungan otomatis secara transparan.
Tantangan & Solusi
Menyelaraskan koordinasi tiga aktor dalam satu platform web menuntut sinkronisasi status real-time yang andal dan pembatasan akses peran yang ketat:
Mengelola status transaksional asinkron antara pengajuan nasabah, penerimaan tugas oleh mitra, dan verifikasi timbangan lapangan secara bebas konflik (race conditions).
Menjamin performa dan kejelasan tata letak antarmuka mobile-first bagi mitra di lapangan yang sering beroperasi dalam kondisi pencahayaan terik dan konektivitas fluktuatif.
Menjaga integritas data finansial saat terjadi perubahan dinamis pada master harga sampah di tengah transaksi penjemputan yang sedang berlangsung.
Tanggung Jawab Utama
Menganalisis kebutuhan bisnis multi-aktor dan merancang arsitektur frontend web responsif berkinerja tinggi menggunakan React (Vite), TypeScript, dan Tailwind CSS v4
Membangun antarmuka berbasis peran (Role-Based Interface) yang modular dan terisolasi untuk portal Nasabah, dasbor operasional Mitra, dan konsol pusat Admin
Mengintegrasikan Supabase Auth, PostgreSQL, Storage, dan Realtime subscriptions untuk sinkronisasi penugasan penjemputan seketika tanpa refresh halaman
Menerapkan arsitektur data fetching modern menggunakan TanStack Query v5 serta state management terpusat dengan Zustand untuk caching dan optimasi mutasi data
Mengembangkan alur validasi timbangan di lapangan dengan sistem kalkulasi harga dinamis berbasis master data kategori sampah
Hasil & Dampak
Penerapan platform Bio-Sada berhasil mendigitalisasi rantai pasok bank sampah lokal dan memangkas friksi operasional secara signifikan:
Menyatukan tiga alur kerja operasional (nasabah, mitra, admin) ke dalam satu platform web terintegrasi tanpa memerlukan instalasi aplikasi native terpisah.
Mempercepat waktu respons penugasan mitra berkat implementasi koneksi web-socket Supabase Realtime dan notifikasi instan.
Menghilangkan 100% selisih kalkulasi manual berkat validasi otomatis harga per kilogram langsung saat penimbangan di lokasi.
Pelajaran yang Didapat
Rekayasa sistem logistik multi-aktor berbasis real-time ini memberikan wawasan mendalam mengenai pemisahan *state* dan integritas transaksi:
Mengisolasi server cache via TanStack Query dari local client state via Zustand secara terukur mampu mencegah unnecessary re-renders pada form transaksi kompleks.
Dalam sistem transaksional yang harganya berfluktuasi, snapshot nilai harga wajib dikunci (immutable pricing snapshot) pada saat penugasan dibuat untuk mencegah perselisihan audit keuangan.
Teknologi yang Digunakan
React.js
Vite
TypeScript
Tailwind CSS
TanStack Query
shadcn/ui
PostgreSQL
Fitur Utama
On-Demand Pickup Request — Nasabah dapat mengajukan permintaan penjemputan sampah dari rumah dengan estimasi bobot dan penentuan titik koordinat lokasi.
Real-Time Partner Dispatch — Dasbor mitra penerima tugas dengan notifikasi instan untuk mengklaim dan mengelola rute penjemputan harian secara efisien.
On-Site Weight Reconciliation — Form input berat aktual di lokasi oleh mitra yang langsung mengkalkulasi total konversi saldo tabungan sampah nasabah.
Dynamic Price & Catalog Master — Katalog transparansi harga sampah terkini yang dapat diperbarui sewaktu-waktu oleh admin sesuai pergerakan pasar daur ulang.
Multi-Role Governance Console — Panel kontrol admin untuk verifikasi berkas legalitas mitra baru, pengawasan audit transaksi logistik, dan manajemen basis data pengguna.
Digital Passbook & History — Pembukuan digital transparan bagi nasabah untuk melacak rekam jejak penyetoran serta akumulasi nilai tabungan lingkungan secara terperinci.