Reytopia Website Top-Up Game & PPOB

Reytopia Website Top-Up Game & PPOB

Peran / Role

Fullstack Developer

Projek Deskripsi

Platform transaksi digital untuk layanan top-up game dan digital voucher yang dibangun dengan pendekatan multi-provider PPOB. Sistem terintegrasi dengan beberapa provider eksternal untuk menyediakan berbagai produk digital, sementara proses pembayaran, pemilihan provider, pemrosesan transaksi, dan pembaruan status dikelola melalui satu sistem terpusat.


Dalam proyek ini, saya berkontribusi sebagai Fullstack Developer dalam pengembangan frontend, REST API backend, integrasi multi-provider PPOB, payment gateway, webhook, serta sistem pemrosesan transaksi otomatis.


🎯 Tantangan

1. Integrasi Multi-Provider PPOB

Menghubungkan beberapa provider PPOB dengan API dan mekanisme transaksi yang berbeda ke dalam satu platform.

2. Normalisasi Produk & Provider

Menyediakan struktur data dan alur transaksi yang konsisten meskipun masing-masing provider memiliki format API, produk, response, dan mekanisme transaksi yang berbeda.

3. Pemrosesan Transaksi

Menangani proses transaksi dari pembuatan order, pembayaran, pengiriman request ke provider, hingga menerima dan memperbarui status transaksi.

4. Payment & Callback

Mengintegrasikan berbagai metode pembayaran serta menangani callback/webhook untuk memastikan status pembayaran dapat diproses secara otomatis.

5. Keamanan & Konsistensi Transaksi

Mencegah callback palsu maupun pemrosesan transaksi ganda melalui validasi signature dan mekanisme idempotency.


🛠️ Solusi & Fitur Teknis

1. Multi-Provider PPOB Integration

Mengembangkan integrasi dengan beberapa provider PPOB sehingga produk digital dari berbagai provider dapat dikelola melalui satu sistem.

2. Provider Abstraction

Membangun layer integrasi untuk memisahkan logic aplikasi utama dari implementasi masing-masing provider, sehingga penambahan atau perubahan provider dapat dilakukan tanpa mengubah keseluruhan alur transaksi.

3. RESTful API — Laravel 12

Mengembangkan backend API untuk menangani produk, harga, transaksi, pembayaran, status order, serta komunikasi dengan provider eksternal.

4. Payment Gateway Integration

Mengintegrasikan metode pembayaran seperti Virtual Account, QRIS, dan E-Wallet dengan mekanisme callback/webhook.

5. Transaction Processing

Membangun alur transaksi dari checkout → pembayaran → validasi pembayaran → request ke provider → pengecekan status → penyelesaian transaksi.

6. Webhook Security & Idempotency

Menerapkan validasi signature pada callback serta idempotency check untuk mencegah callback yang sama diproses lebih dari satu kali.

7. Background Processing

Menggunakan queue/background processing untuk menjalankan proses transaksi yang membutuhkan komunikasi dengan provider eksternal tanpa menghambat request utama.

8. Game & Digital Product Integration

Mendukung berbagai produk digital seperti game top-up dan voucher dengan mekanisme pengecekan data pelanggan sebelum transaksi diproses.

9. Admin Dashboard

Menyediakan dashboard untuk monitoring transaksi, pengelolaan produk/provider, serta pemantauan status transaksi.


📊 Hasil

Centralized Multi-Provider System

Beberapa provider PPOB dapat diintegrasikan dan dikelola melalui satu platform.

Automated Transaction Flow

Proses pembayaran hingga pemrosesan produk digital dapat berjalan secara otomatis tanpa konfirmasi manual.

Flexible Provider Integration

Struktur integrasi memungkinkan provider tambahan diintegrasikan tanpa harus mengubah keseluruhan sistem.

Reliable Transaction Processing

Webhook validation dan idempotency membantu menjaga agar perubahan status transaksi tetap konsisten dan mencegah pemrosesan ganda.

link: reytopia.id

Skills and deliverables

vuejsdockerintegration apirest apinuxtjs