Case Study Fullstack

ForgeSPP: Financial & Tuition Management System

Sistem administrasi SPP & keuangan sekolah enterprise berbasis double-entry bookkeeping dengan 2FA, Midtrans, dan EOD settlement.

Source Code
12 views
ReactExpress.jsPrisma ORMMySQL
ForgeSPP: Financial & Tuition Management System thumbnail

ForgeSPP adalah aplikasi sistem administrasi SPP dan pengelolaan keuangan sekolah enterprise berbasis web yang dirancang untuk menjamin akurasi pencatatan transaksi keuangan sekolah. Sistem ini mengintegrasikan pembukuan akuntansi berpasangan (double-entry bookkeeping) untuk mencatat jurnal umum, buku besar mutasi, hingga laporan neraca saldo secara otomatis dan seimbang (balanced ledgers).

Modul Utama & Fitur Enterprise:

  1. Pencatatan Pembukuan Berpasangan (Double-Entry Bookkeeping): Setiap transaksi pembayaran SPP, cicilan, maupun pengeluaran operasional sekolah secara otomatis mendokumentasikan entri Debit dan Kredit ke dalam tabel jurnal umum dan buku besar (General Ledger).
  2. Otomatisasi Tagihan & Denda Jatuh Tempo: Generator tagihan SPP bulanan otomatis lengkap dengan perhitungan denda keterlambatan dinamis, diskon khusus (beasiswa / sibling discount), serta sistem cicilan fleksibel.
  3. Multi-Tenant & Multi-Cabang (Branching): Mendukung isolasi data antar cabang sekolah dalam satu platform terpusat, mulai dari pengguna, siswa, tarif SPP, hingga dompet digital per cabang.
  4. Dompet Digital Siswa (Multi-Wallet): Menyediakan 3 jenis dompet digital per siswa (Utama, Wisata, dan Qurban) dengan validasi check constraint saldo non-negatif di level database.
  5. EOD (End of Day) Settlement & Rekonsiliasi: Fitur penutupan kas harian otomatis yang menghitung total pemasukan, pengeluaran, dan saldo akhir per akun akuntansi pada penghujung hari.
  6. Payment Gateway Midtrans & Webhook Integration: Pembayaran SPP online instan via Virtual Account dan QRIS dengan verifikasi otomatis tanpa konfirmasi manual.
  7. Keamanan Finansial & Audit Trail: Otentikasi dua faktor (2FA TOTP), batasan IP Whitelisting untuk akses admin/petugas, perlindungan CSRF token, rate limiting, serta pelacakan jejak audit (Audit Trail Drawer) secara real-time.
The Problem

Pencatatan pembayaran SPP dan keuangan sekolah secara konvensional sering menimbulkan ketidakseimbangan laporan kas, rekonsiliasi pembayaran manual yang memakan waktu berhari-hari, tingginya risiko fraud transaksi, serta kesulitan dalam melacak tunggakan siswa dan riwayat pengeluaran kas sekolah.

The Solution

Membangun ForgeSPP sebagai platform administrasi keuangan sekolah modern berbasis React dan Express.js. Mengintegrasikan Prisma ORM dengan MySQL yang menjamin konsistensi data transaksi (ACID), sistem pencatatan jurnal akuntansi otomatis, integrasi payment gateway Midtrans untuk konfirmasi pembayaran otomatis, serta fitur 2FA TOTP dan audit trail mendalam untuk menjaga integritas data keuangan sekolah.

Architecture

Backend dibangun menggunakan Express.js dengan Prisma ORM dan MySQL (ditingkatkan dengan penanganan transaksi ACID). Keamanan transaksi dilindungi oleh otentikasi 2FA TOTP (otplib), rate-limiter, IP Whitelisting, dan CSRF protection. Antrian pekerjaan latar belakang (Cron Jobs & Queues) menangani auto-debit, kalkulasi denda, serta penutupan kas EOD Settlement. Frontend SPA menggunakan React, Tailwind CSS, Zustand untuk state management, Recharts untuk visualisasi analitik keuangan, serta cetak kuitansi PDF instan berbasis klien.

Gallery
ForgeSPP: Financial & Tuition Management System screenshot 1
ForgeSPP: Financial & Tuition Management System screenshot 2
ForgeSPP: Financial & Tuition Management System screenshot 3
ForgeSPP: Financial & Tuition Management System screenshot 4
ForgeSPP: Financial & Tuition Management System screenshot 5
ForgeSPP: Financial & Tuition Management System screenshot 6
ForgeSPP: Financial & Tuition Management System screenshot 7
ForgeSPP: Financial & Tuition Management System screenshot 8
ForgeSPP: Financial & Tuition Management System screenshot 9
ForgeSPP: Financial & Tuition Management System screenshot 10
ForgeSPP: Financial & Tuition Management System screenshot 11
ForgeSPP: Financial & Tuition Management System screenshot 12
ForgeSPP: Financial & Tuition Management System screenshot 13
ForgeSPP: Financial & Tuition Management System screenshot 14
ForgeSPP: Financial & Tuition Management System screenshot 15
ForgeSPP: Financial & Tuition Management System screenshot 16
ForgeSPP: Financial & Tuition Management System screenshot 17
ForgeSPP: Financial & Tuition Management System screenshot 18
ForgeSPP: Financial & Tuition Management System screenshot 19