ProjectsFullstack & Web Application
Omnichannel PPDB Platform & Automated Academic Selection Engine
A production-ready, full-stack School Admission System (PPDB) built with Next.js 16 (App Router) and TypeScript. Features multi-step registration, automated exam scoring, Midtrans Snap payments, and admin analytics.
My Role
- 01Architected a secure split-table authentication system using NextAuth v5 with custom JWT strategies to validate two distinct user actors (Siswa and Admin).
- 02Implemented a complex database schema on PostgreSQL via Prisma ORM v7, configuring explicit relational models for sequential 1st and 2nd priority major choices.
- 03Integrated Midtrans Snap payment gateway SDK with secure public webhook routing (/api/pembayaran/webhook) to handle real-time transactional status updates.
- 04Developed a precise server-side automated scoring mechanism: (correct_answers / total_questions) * 100 that evaluates student responses instantly upon submission.
- 05Engineered an on-demand PDF compilation engine using PDFKit to generate dynamic student admission receipts and result announcements with Cloudinary integration.
Features
- 01Multi-Step Guided Admission Form: An intuitive, validated 4-step progressive registration interface mapping personal data, location, school history, and photo uploads.
- 02Asynchronous Payment Gateway Integration: Real-time invoice provisioning utilizing Midtrans Sandbox, backing automatic data lifecycle upgrades from Pending to Success.
- 03Token-Protected Live Examination System: Secure, timer-restricted online test environment initialized by dynamic 6-character unique validation tokens with automated tracking of student responses.
- 04Advanced Administrative Analytics Dashboard: High-fidelity monitoring panel for admins featuring student demographic distribution charts, major assignment tools, and transactional logs.
- 05Dynamic PDF Compilation Engine: On-demand PDF compilation engine using PDFKit to generate dynamic student admission receipts and result announcements hosted on Cloudinary.
Impact
- Automated Administration Pipeline: Reduced human intervention by 80% by automating exam grading, payment verifications, and result letter distribution.
- High Data Consistency Safeguard: Ensured zero relational data dangling across accounting tables by custom database index matching and strict application of Prisma soft-deletes.
- Bulletproof Access Control: Eliminated potential privilege escalation vectors by utilizing role-restricted Next.js Edge Middleware routing.
Stack
Next.jsTypeScriptTailwind CSSPostgreSQLPrismaORMMidtransNodemailerCloudinary