Enterprise monorepo dual-portal application designed for PT Pawa Indonesia Engineering. The platform houses the Engineer Report System (Preventive/Corrective Maintenance tracking) and the HSE & K3 System (Hazard Reporting, Safety Inspections, and Digital Findings Archive).
- Preventive & Corrective Maintenance Logging: Structured creation of maintenance workcards based on templated requirements.
- Client-Side Report Compilers: Instant on-demand generation of corporate-branded A4 PDF files and structured Excel spreadsheets directly in the browser.
- Smart Camera Integration: Built-in camera interface utilizing device cameras with auto-timestamping and coordinate metadata tags.
- Unsafe Condition & Action Reports: Quick submission of hazard findings with visual annotations and markups.
- GPS Geo-tagging: Automatic address and coordinate resolution for precise hazard positioning.
- Safety Inspections Checklist: Digital audit checklists covering PPE, Fire Safety, Electrical Hazard, and Housekeeping rules.
- HSE Findings Archive: Centralized registry with advanced month/year filters and mass export tools (.xlsx).
This repository is built as an npm monorepo separating frontend portals while maintaining shared modules:
PT-PAWA-INDONESIA-ENGINEER/
├── apps/
│ ├── engineer-web/ # Engineer portal (React SPA on Port 3000)
│ └── hse-web/ # HSE & K3 portal (React SPA on Port 3001)
├── shared/ # Shared workspace for components & utils
│ ├── components/ # Shared camera overlay modals
│ ├── types/ # Common TypeScript interfaces
│ └── utils/ # Geo-watermark, Firestore file helpers
├── api/ # Vercel Serverless Server entry
├── backend/ # Go 1.23 REST API helper stubs
└── firebase/ # Firebase Firestore/Storage Security Rules
The application features a sleek corporate appearance designed to impress at first glance:
- Woodmart Corporate Palette: Dominated by a deep obsidian background (
#070b13) and rich gold-olive accent colors (#828200). - Glassmorphism UI Panels: Backdrop-blur filters combined with subtle thin border lines for a modern floating card aesthetic.
- Aesthetic Background slideshow: Housed in the login pages, utilizing official PT Pawa background assets with continuous smooth scaling (Ken Burns zoom) and Framer Motion cross-fade transitions.
Run npm install at the root folder of the monorepo workspace to resolve all shared workspace links automatically:
npm installCreate a .env.local inside both apps/engineer-web/ and apps/hse-web/ folders:
VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=pt-pawa-indonesia.firebaseapp.com
VITE_FIREBASE_PROJECT_ID=pt-pawa-indonesia
VITE_FIREBASE_STORAGE_BUCKET=pt-pawa-indonesia.appspot.com
VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
VITE_FIREBASE_APP_ID=your_app_idStart both workspaces concurrently with:
# Run both websites simultaneously
npm run dev
# Or start specific applications individually:
npm run dev:engineer # Available at http://localhost:3000
npm run dev:hse # Available at http://localhost:3001# Compiles all workspaces into optimized static HTML/JS bundles
npm run build:allStrict security policies are enforced on the Firebase Firestore backend via security rules matching the following matrix:
| User Role | Engineer Portal | HSE Portal | Operational Scope |
|---|---|---|---|
engineer |
Full Access | No Access | Create, edit, and export own maintenance reports. |
hse |
No Access | Full Access | Audit safety checklists, record hazards, export archives. |
site_manager |
Read Only | Read Only | Monitor overview data across both portals. |
admin |
Full Access | Full Access | Superuser bypass for audit management. |
The system is deployed on Firebase Cloud Infrastructure:
- Engineer System: https://pt-pawa-indonesia-engineer-report.com
- HSE & K3 System: https://pt-pawa-indonesia-hse-report.com
Copyright © 2026 PT. Pawa Indonesia Engineering — All Rights Reserved