WAHYU PATRIAJIFull-Stack & Mobile Engineer
/
Back to Projects
SYS_ID: 09-lsp-naker-jakartaWEB
Open Live Demo

LSP Naker Jakarta Portal

Professional Certification & Competency Testing Portal

// Technologies:
Next.jsSSO
PROJECT SCREENSHOTS (16:9 HD)
[1 / 3]
LSP Naker Jakarta Portal preview 1

Overview

Official certification body portal for manpower competence test registration, assessor scheduling, and digital certificate issuance in Jakarta.

// Role:

Lead Fullstack Developer

// Key Contributions:
  • Developed the portal from scratch from the project inception, serving as the lead developer collaborating with a pair developer.
  • Crafted elegant and professional public and admin UI/UX web layouts using Mantine UI, continuously tailoring features to user requests.
  • Architected the Next.js App Router portal using Mantine UI framework for the entire certification system.
  • Developed the online competence test registration portal, assessor exam assignment & grading system, and applicant data analytics charts.
  • Integrated Mantine Tiptap rich text editor for scheme guides, Cloudflare Turnstile CAPTCHA protection, and digital certificate authenticity verification.

Key Features

  • 1Manpower Professional Certification Scheme Catalog
  • 2Online Competence Test Registration & Portal
  • 3Exam Schedule & Venue Tracking for Candidates
  • 4Assessor Exam Assignment & Grading Portal
  • 5Digital Certificate Authenticity Verification & Download

System Architecture

// DEEP_TECH_SPECS & INTEGRATION

  • >Next.js App Router Architecture
  • >Mantine UI Framework & Design System Integration
  • >Mantine Tiptap Rich Text Editor for Scheme Documentation
  • >Registration Data Analytics using Mantine Charts
  • >Anti-Bot Protection via Cloudflare Turnstile CAPTCHA
  • >TanStack Query Client Side Data Management

Screenshots & Visuals

3 SCREENSHOTS
LSP Naker Jakarta Portal preview 1
VIEW 1
LSP Naker Jakarta Portal preview 2
VIEW 2
LSP Naker Jakarta Portal preview 3
VIEW 3