Overview
SIPENA is a legal product evaluation and scoring system built for the Sekretariat Daerah (Regional Secretariat) of Badung Regency, Bali. The system manages review workflows, status tracking, ranking, and scoring for legal products under the regional government's oversight.
I built this as a freelance project using Laravel 12 with React 18 via Inertia.js, deployed on a VPS with Playwright end-to-end testing.
Challenge
The regional secretariat needed a centralized system to evaluate and score legal products, track review status across departments, and generate reports for administrative oversight. The existing process relied on manual tracking, making it difficult to monitor evaluation progress and produce timely reports.
Approach
I chose Laravel 12 with Inertia.js and React 18 for a single-codebase full-stack application. shadcn/ui provides accessible component primitives, while Recharts powers the dashboard visualizations for evaluation metrics and scoring summaries. Report generation uses DomPDF for PDF output. The application includes role-based access control to separate administrative functions across secretariat departments.
End-to-end testing with Playwright ensures critical workflows function correctly across deployments.
Tech Stack
| Layer | Technology |
|---|---|
| Backend | Laravel 12 |
| Frontend | React 18, TypeScript, Inertia.js |
| Styling | Tailwind CSS |
| Components | shadcn/ui |
| Charting | Recharts |
| Reports | DomPDF |
| Testing | Playwright |
Key Implementation Details
- Legal product evaluation workflows with scoring, ranking, and status tracking
- Dashboard with interactive charting and data visualization via Recharts
- PDF and Excel report generation for administrative documents
- Role-based access control for different secretariat departments
- Deployed on VPS with Playwright E2E testing in the CI pipeline
Outcome
SIPENA is deployed and in active use by the Badung Regency regional secretariat for evaluating and scoring legal products and generating administrative reports.