Selected work
FireDrill
Interactive 3D fire extinguisher trainer in the browser. Configure an illustrative APAR, practise PASS, take an 8-question quiz, and export a PDF—no backend; data stays in the browser.
- Year
- 2026
- Platform
- Web 3D / Training Simulation
- Client
- Personal / Portfolio
- Role
- Solo Developer
- Industry
- Fire safety / K3 training
Problem
Fire-extinguisher drills are hard to practise often without equipment or a classroom. I needed a lightweight browser demo that lets people explore an illustrative extinguisher in 3D across Configure, Parts, Train, and Results: walk through PASS (Pull, Aim, Squeeze, Sweep), check understanding with an eight-question quiz, and leave with a PDF summary—while stating clearly this is a portfolio demo, not a substitute for certified fire-safety training.
Results
- Live at firedrill.barkahmauludi.com
- Flows: Configure / Parts / Train / Results; PASS practice; 8-question quiz (≥75% pass); PDF export; EN/ID; no backend; driver.js first-visit tour; PWA manifest; mobile safe-area
- Lighthouse mobile (source docs): Accessibility / Best Practices / SEO 100; LHCI Performance median 52 after U6 boot split (target ≥80 not met)
- Built 100% with AI-assisted (vibe) coding
Note
I built FireDrill as a portfolio demo to show interactive 3D web training. It is not certified fire-safety training and should not replace instructor-led or officially approved K3 programmes.
Tech stack
- three.js
- JavaScript (ES modules)
- Vite
- jsPDF
- WebGL
- driver.js
