All projects

CASETraining platform · geraks.id

942 programs, zero paperwork

GERAKS (PT Gerbang Akselerasi Sukses) runs corporate training, BNSP certification and HR consulting. I built its website and the system behind it: a catalogue of 942 programs, online registration, pre and post tests, certificates with QR verification, and dashboards for staff and instructors.

Role
Designer and full stack engineer
Period
2026 - now
Platform
Web
geraks.id home page
Home: the next running class with date, city, price and one-tap registration.
942
training programs, each with its own page
16
data models: classes, students, quizzes, certificates
QR
verification for every certificate issued
3 roles
admin, instructor and student dashboards

01The problem

Training by spreadsheet

Registrations came in by WhatsApp, tests were on paper, and certificates were made one by one in a design tool. With hundreds of programs and classes every week, it did not scale and certificates were easy to fake.

The company also needed each program to be findable on Google, which meant hundreds of good pages, not a single brochure.

02Product

What I built

  1. 01 · Program catalogue

    942 program pages with outline, schedule, pricing and categories, filtered by topic.

  2. 02 · AI-assisted authoring

    New programs drafted with an LLM through OpenRouter, then validated, de-duplicated and illustrated with Pexels photos before publishing.

  3. 03 · Registration & name tags

    Online registration with PDF confirmation and printable name tags for each class.

  4. 04 · Pre and post tests

    Token-based online quizzes with automatic scoring and results per participant.

  5. 05 · Certificates

    Templates, bulk issuance from Excel, bulk download, and a public page to verify any certificate number.

  6. 06 · Dashboards

    Admin, instructor and student views for classes, participants, templates and results.

Hard parts

What made it difficult

  • Hundreds of pages without thin content

    Generated programs go through validation: unique names, sanitised links, required sections and price rules, so every page is useful and indexable.

  • Certificates that can’t be faked

    Each certificate carries a QR code and number that resolves to a verification page backed by the database.

  • Excel in, Excel out

    Staff live in spreadsheets, so classes, students, quizzes and certificate issuance import and export as Excel files.

Outcome

Who it helps

  • For the company

    Classes, tests and certificates run from one system instead of chat threads and design files.

  • For participants

    Register, take tests and download certificates online.

  • For clients

    Any certificate can be verified in seconds from its QR code.

  • For marketing

    Hundreds of indexable program pages bring in organic leads.

04Skills · What it took

The craft behind it

Engineering

Back office that staff actually use

  • Next.js 16 with Prisma 7 on PostgreSQL through the pg adapter, and JWT sessions with jose.
  • PDF generation with pdf-lib and custom fonts, QR codes, Excel import/export with ExcelJS, email with Nodemailer.
  • LLM pipeline on OpenRouter with prompt building, JSON extraction and validation before anything is published.

SEO

Scale without spam

  • Course, CourseInstance, Offer, Review and FAQPage structured data on program pages.
  • Category structure, internal links and per-page metadata for 942 programs.

Design

Corporate, but warm

  • Photography-led hero with the next class front and centre, and a quiet, consistent card system for programs.
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Prisma
  • PostgreSQL
  • pdf-lib
  • ExcelJS
  • OpenRouter
  • Nodemailer
  • PM2

05Screens

A closer look

Program catalogue
Program catalogue: 942 programs in categories, each with its own page.
Certificate verification
Public certificate verification by number or QR code.

Next case study

GAS Pelatihan & Sertifikasi

A training catalogue at search-engine scale, fast on every page