ProjectsFullstack & Web Application
Omnichannel PPDB Platform & Automated Academic Selection Engine
A full-stack student admission platform (PPDB) built with Next.js 16 (App Router), TypeScript, and PostgreSQL. Features multi-step registration forms, automated exam grading, Midtrans payments, and PDF receipts.
My Role
- 01Implemented authentication using NextAuth v5 with custom JWT strategies for Applicant and Admin roles.
- 02Designed relational database schemas in PostgreSQL with Prisma ORM for prioritized major selection.
- 03Integrated Midtrans Snap payment gateway with webhook verification for real-time transaction updates.
- 04Developed server-side automated scoring to evaluate applicant entrance tests upon submission.
- 05Built on-demand PDF generation with PDFKit and Cloudinary for registration receipts and exam results.
Features
- 01Multi-Step Admission Form: A 4-step guided registration form with input validation for personal data, education history, and documents.
- 02Midtrans Payment Integration: Handles registration fee processing with real-time webhook status updates from Pending to Success.
- 03Timed Online Exam System: Secure exam interface with unique access tokens and automated answer submission tracking.
- 04Admin Analytics Dashboard: Management dashboard displaying applicant demographic charts, major selection stats, and payment logs.
- 05PDF Receipt Generation: Creates registration slips and announcement letters on-demand using PDFKit and Cloudinary.
Impact
- Automated Workflow: Automates exam scoring, payment verification, and receipt generation.
- Data Consistency: Enforces relational constraints across applicant records using Prisma ORM on PostgreSQL.
- Protected Routes: Restricts sensitive admin pages using role-based Next.js middleware routing.
Stack
Next.jsTypeScriptTailwind CSSPostgreSQLPrismaORMMidtransNodemailerCloudinary