SYS_ID: 09-lsp-naker-jakartaWEB
Open Live DemoLSP Naker Jakarta Portal
Professional Certification & Competency Testing Portal
// Technologies:
Next.jsSSO
PROJECT SCREENSHOTS (16:9 HD)
[1 / 3]
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

VIEW 1

VIEW 2

VIEW 3