LaporPak is a public issue reporting platform that helps citizens submit infrastructure, public facility, and environmental complaints, then routes them to the responsible agencies for transparent follow-up.

2nd Place - I/O Festival UNTAR 2026
Category: Web Development

LaporPak was awarded 2nd place in the Web Development category at I/O Festival UNTAR 2026.

LaporPak connects citizens, government agencies, field officers, and administrators in one reporting workflow: citizens raise issues with photos and location data, agencies process and resolve reports, and admins manage the operational data behind the system.

• Citizen Reporting - submit public issue reports with description, photos, category, and map location
• Location-based Tracking - view report markers and nearby issue context through an interactive map
• Report Timeline - follow report progress from submission to verification, processing, clarification, resolution, or rejection
• Agency Portal - let agencies and officers review incoming reports, update status, add notes, and upload resolution proof
• Admin Operations - manage agencies, branches, categories, users, officers, and reports across the platform
• Notifications - keep users aware of report and system updates
• Authentication - separate citizen, agency/officer, and admin portal access
• SEO-ready Web App - public pages include metadata, sitemap, manifest, canonical URLs, and structured data

LaporPak-Frontend
|
v
LaporPak-Backend
|
+--> PostgreSQL / Prisma
|
+--> Better Auth
|
+--> File Upload Storage
|
+--> Mapbox / Location Services
|
+--> AI-assisted Report Review

Frontend - React, Vite, TypeScript, Tailwind CSS, TanStack Query, Axios, React Router, Mapbox GL

Backend - Express, TypeScript, Prisma, PostgreSQL, Better Auth, Multer, Nodemailer, Google GenAI

Deployment - frontend served through Docker and Nginx; backend exposes REST API endpoints for the web app

See the setup guide in each repository:

• Frontend Setup
• Backend Setup