Farid Zahran Logo
All projects

NextLevel Academy

Unified digital learning and server-validated virtual internship ecosystem combining modular video LMS, gamified leveling incentives, and automated compliance.

Role
CTO & Software Engineer
Timeline
2024 - 2025
Next.jsTypeScriptTailwind CSSSupabase (PostgreSQL)ResendBetter-authMidtransZodRedis
NextLevel Academy learning platform and virtual internship interface

Operational context & problem statement

Prior to the development of this platform, NextLevel Academy conducted all training operations through in-person, offline sessions. This legacy model incurred high operational overhead, created geographical bottlenecks, and resulted in fragmented progress tracking across disconnected spreadsheets.

The web platform was engineered as an integrated, monorepo software ecosystem addressing three core requirements: (1) centralized, self-paced online course delivery via a proprietary video LMS, (2) heightened student retention through structured gamification and tier-based voucher rewards, and (3) a server-validated virtual internship environment providing automated presence enforcement and task assessment for partner vocational schools.

Production telemetry & system benchmarks

88
Test Scenarios Verified

100% black-box test pass rate across all 5 user roles and edge cases.

5
Integrated User Roles

Strict RBAC covering Public, Students, Interns, Mentors, and Superadmins.

90%
Memory Overhead Saved

Satori JSX-to-SVG + native Sharp C++ rendering vs headless Chromium.

3
Reward Milestone Tiers

Automated discount claims at Level 5 (20%), Level 10 (35%), and Level 15 (50%).

100%
Server Time Integrity

Absolute UTC+7 WIB server window enforcement preventing client clock spoofing.

0ms
Double-Billing Risk

Idempotent payment fulfillment logic with Midtrans Snap webhook reconciliation.

Public discovery & verified credentials

The public-facing surface serves as the entry point for prospective students and external credential verifiers, designed for high conversion, minimal latency, and zero friction.

The architecture provides an interactive landing page showcasing available curricula, multi-tier sprint previews, instructor profiles, and lifetime pricing. Integrated Midtrans Snap checkout handles instant transactions (QRIS, Virtual Accounts, and E-Wallets) with dynamic voucher code discount validation.

To protect academic reputation, the platform features a public verification endpoint (/cert/:publicId) linked directly via QR codes on issued certificates, enabling immediate cryptographic verification of graduate authenticity without requiring user login.

NextLevel Academy public landing page and hero showcase
01. Public landing page & showcase — value proposition, program highlights, and dynamic student onboarding flow.
Course catalog and curriculum syllabus preview
02. Course catalog & curriculum explorer — multi-tier sprint syllabi previews, instructor credentials, and lifetime pricing.
Unified multi-role login and authentication portal
03. Unified authentication gateway — secure multi-role entry portal with automated role-based routing.
Public certificate verification page with QR code resolver
04. Public credential verification — QR-linked lookup (/cert/:publicId) ensuring instant tamper-proof authenticity.

Self-paced LMS & gamified retention mechanics

Student dropout rates in self-paced digital education frequently stem from unstructured pacing and lack of tangible milestones. NextLevel Academy counters this through a cohesive combination of strict sequential gating, autosaving study tools, and an engaging progression loop.

Sequential Video Player & Autosave Notes: Video streams delivered via Bunny.net Stream CDN are bound to sequential completion requirements, ensuring prerequisites are mastered before advancing. The learning interface features a split-pane autosaving Markdown editor that persists personal notes to PostgreSQL on every keystroke.

Automated Mastery Quizzes: Each module concludes with an automated assessment requiring a minimum 80% passing grade. An anti-brute-force mechanism limits users to 3 consecutive attempts before enforcing a 30-minute study cooldown.

Linear Gamification & Voucher Economy: User activity awards experience points under the formula REQ(L) = 744 + 124 × (L - 1), awarding +15 EXP for videos, +90 EXP for quizzes, and +600 EXP upon course completion. Reaching milestones unlocks commercial discount vouchers: 20% at Level 5, 35% at Level 10, and 50% at Level 15.

Immutable Snapshot Certification: Upon course completion, the system issues a verified digital certificate. The recipient's full name is permanently frozen (Certificate.recipientName) at the moment of issuance, ensuring certificate integrity even if the student later edits their account profile.

Student learning dashboard showing active courses and progress
05. Student learning dashboard — real-time course progress tracking, active sprint overview, and current EXP status.
Sequential video player with split-pane markdown notes editor
06. Video player & note-taking pane — CDN video streaming with synchronized chapter navigation and autosaving notes.
Interactive quiz evaluation and scoring interface
07. Interactive quiz evaluation — multiple-choice mastery tests with automated grading and attempt limits.
EXP gamification roadmap and milestone discount rewards
08. EXP progression roadmap — level milestones unlocking 20%, 35%, and 50% discount voucher reward claims.
Checkout modal with applied gamification discount voucher
09. Transaction checkout — seamless voucher redemption with Midtrans Snap modal payment integration.
Certificate claim portal and earned profile achievement badges
10. Digital certificate issuance — instant claim portal with earned achievement badges and PDF export.

Virtual internship & scoped cohort mentorship

To support vocational school partners, the platform incorporates a dedicated virtual internship infrastructure isolated from the general commercial catalog.

Server-Enforced Attendance Windows: Attendance check-ins are restricted to a mandatory 09:00–12:00 WIB daily window evaluated strictly against UTC+7 server time, rendering client-side clock tampering ineffective. The system automatically locks attendance on weekends and configured national holidays.

High-Touch 1-to-10 Mentorship: Mentors are assigned to dedicated cohorts of maximum 10 interns. This scoped model enables mentors to monitor daily attendance in real time, assign specialized project deliverables, and conduct rigorous evaluations.

Mandatory Structured Feedback: When deliverables require revisions, the system strictly mandates written feedback from the mentor before the task can be returned to the student, fostering a constructive iterative review process.

Cumulative Grading & Audit Trail: Final evaluations are calculated on a 0–100 numerical scale and automatically converted to standard letter grades (A through E/F), with full audit logging for partner institutional compliance.

Intern workspace dashboard with attendance and task overview
11. Intern workspace dashboard — daily attendance alerts, active assignment milestones, and mentor notices.
Server-validated monthly attendance calendar
12. Server-validated attendance calendar — visual attendance logs bounded strictly to 09:00–12:00 WIB server windows.
Intern task submission portal and mentor revision feedback
13. Task submission & feedback portal — file upload pipelines with revision status and mentor review history.
Mentor command center and cohort supervision hub
14. Mentor command center — real-time supervision of assigned 10-student cohort, pending tasks, and attendance.
Cohort daily attendance tracking and verification table
15. Cohort attendance monitoring — daily check-in verification across all interns assigned to the mentor.
Deliverable evaluation interface with structured revision notes
16. Deliverable evaluation pane — submission review interface with mandatory written feedback on revision requests.
Final grade assessment and letter grade conversion
17. Final grading & assessment — 0–100 numerical scoring with automatic letter grade conversion and audit logging.

Administrative control & learning analytics

The administrative suite equips superadmins with centralized governance tools across learning analytics, curriculum publishing, financial transactions, and user access control.

Learning Analytics Dashboard (LAD): Consolidates 12-month revenue trajectories, enrollment velocity, sales breakdown by category, and course completion metrics into actionable operational visualizations.

Curriculum & Media Engine: Allows comprehensive authoring of course hierarchies (Sprints and Stages), direct video uploads to Bunny.net Stream, and multi-variant quiz bank construction.

Internship Operations & Multi-Role RBAC: Simplifies the orchestration of internship batches, classes, and quota limits while maintaining strict role-based access control (RBAC). Superadmins can invite new administrative personnel via time-bounded 24-hour single-use activation tokens with complete audit traceability.

Learning Analytics Dashboard showing revenue and user metrics
18. Learning Analytics Dashboard (LAD) — comprehensive revenue tracking, user acquisition trends, and course metrics.
Course curriculum editor and media upload interface
19. Course builder & media manager — curriculum hierarchy management, Bunny Stream video uploads, and quiz banks.
Multi-role user management and permission configuration
20. Multi-role user administration — RBAC permission management, account lifecycle, and 24-hour invitation dispatch.
Internship batch hierarchy and national holiday configuration
21. Internship program configuration — batch parameters, class allocation, quota controls, and official holiday calendar.

Architectural rigor & engineering decisions

NextLevel Academy reflects deliberate software engineering practices designed to balance high performance, cost efficiency, and transactional reliability across a monolithic Next.js 16 deployment.

High-Performance Certificate Generation (Satori + Sharp): Headless browser PDF generation typically consumes 200–400 MB of RAM per process. Replacing Chromium with Satori (JSX to SVG) and native C++ Sharp (SVG to PNG) reduced memory consumption by 90%, enabling instantaneous certificate rendering on a modest 2GB RAM production VPS.

Idempotent Payment Webhooks: The order fulfillment pipeline (fulfillOrderPaid) is structured to resist race conditions from duplicate webhook calls, coupled with automated reconciliation against the Midtrans Get-Status API to guarantee 100% order fulfillment integrity.

Tamper-Resistant Server Guards: By decoupling all temporal logic from the client device and resolving time, weekends, and holidays strictly against UTC+7 server clocks, the platform guarantees attendance compliance for institutional partner auditing.

Keep exploring the work.