Project
2026
SKKNI Submission and Monitoring Website
A centralized dashboard for managing SKKNI proposals, documents, verification, approvals, and public status tracking.
Overview
This platform streamlines the SKKNI proposal lifecycle in one dashboard, covering planning, drafting, document uploads, verification, approvals, and publication. It also provides public tracking so applicants can monitor proposal status without accessing the internal system.
Problem
The SKKNI proposal process involves multiple stages, documents, reviewers, and institutional roles. Without a centralized system, tracking progress, document readiness, and cross-team coordination becomes slow and error-prone.
Solution
I built a role-based dashboard that centralizes proposal planning, verification, legal review, approval, signatures, and publication, with access-code tracking for applicants.
Project Gallery
Workflow
Planning
Formulation
Internal verification
External verification
Convention
Approval
Legal review
Signature
Published SKKNI
Key Features
Role-based dashboard with KPI summaries, status distribution, monthly trends, and prioritized work queues.
Proposal planning flow for drafts, proposal data, requirement submission, and stage progression.
Document and requirement management across formulation, verification, convention, approval, and legal review.
Internal and external verification workflows with revisions, comments, activity history, and SLA monitoring.
Approval, legal review, signature, and publication flows with clear status visibility.
Public tracking by access code with stage status, timeline activity, phase details, and final results.
Reports, audit logs, helpdesk, user management, master data, and file management for operational control.
My Contribution
Designed the end-to-end SKKNI workflow from planning to publication.
Built role-aware dashboards for applicants, institution admins, verifiers, legal reviewers, admins, and super admins.
Developed proposal, document, verification, revision, tracking, reporting, helpdesk, and settings flows.
Structured activity history and monitoring views for easier audits.
Improved transparency with public proposal tracking outside the internal dashboard.
Technical Highlights
Next.js and React dashboard architecture with role-based navigation and access control.
PostgreSQL data model managed with Drizzle ORM and Drizzle Kit migrations.
Authentication and session handling with Better Auth.
S3-compatible document uploads with presigned access support.
Dashboard analytics and monitoring charts with Recharts.
PDF, Excel, and CSV exports for operational reporting.
Rich text editing, QR/access-code support, audit logs, help center, and ticket management.
Impact
Centralized the SKKNI proposal lifecycle into one operational platform.
Improved transparency for internal users and applicants.
Reduced manual coordination across proposal, verification, legal review, and approval stages.
Improved document visibility, review accountability, and status traceability.
Tech Stack
Next.js
TypeScript
Tailwind
PostgreSQL
Drizzle
Better Auth