Contact me
Semua proyek

a project in progress / 2026

PayGate

Gerbang pembayaran QRIS sendiri untuk beberapa website, tanpa pihak ketiga.

DISCIPLINE
Full-stack
YEAR
2026
FOCUS
Design + Code
STATUS
Tahap uji
Next.jsTypeScriptSupabaseQRIS
Dashboard admin PayGate berisi pendapatan bulan ini, grafik pendapatan harian, status koneksi, dan pembayaran terakhir

Tentang proyek ini

PayGate adalah sistem pembayaran QRIS internal yang saya bangun untuk dipakai bersama oleh beberapa website produk digital. Website cukup membuat tagihan lewat API, pembeli membayar lewat QR dengan nominal berkode unik, lalu dana langsung masuk ke akun GoPay Merchant pemilik. Begitu uang masuk, pembayaran dicocokkan otomatis dan website penjual diberi tahu lewat webhook. Dashboard admin merangkum pendapatan, status koneksi, invoice, pembayaran yang tidak cocok, dan rekonsiliasi.

Tantangan desain

Uang masuk tidak membawa nomor pesanan, jadi setiap tagihan diberi kode unik di nominalnya supaya bisa dicocokkan tanpa salah alamat. Webhook ke website ditandatangani HMAC dan dikirim ulang bila gagal, pembayaran yang tidak cocok masuk antrean untuk dicek manual, dan dashboard hanya bisa dibuka pemilik dengan 2FA. Seluruh alur diuji dengan 50 tes otomatis dan satu pembayaran QRIS sungguhan yang lunas otomatis.

Tampilan

Dashboard admin PayGate berisi pendapatan bulan ini, grafik pendapatan harian, status koneksi, dan pembayaran terakhir
Dashboard admin: pendapatan, grafik 14 hari, status koneksi, dan pembayaran terakhir (data demo).
Halaman bayar PayGate dengan kode QR, nominal berkode unik, dan sisa waktu pembayaran
Tampilan pembeli: QR, nominal yang harus dibayar persis, dan sisa waktu (QR contoh, bukan rekening asli).
KATEGORI
Full-stack
TEKNOLOGI
Next.js / TypeScript / Supabase / QRIS
TAHUN
2026

Have a good idea? Let’s make it real.

LET’S TALK

Ide bagus selalu dimulai dari obrolan.

from an idea
to something great.LET’S MAKE IT HAPPEN