Itoya is a premium self-photo studio. Customers book a booth online. The booth is a PC. PCs freeze. That second problem is why this project has two halves.

The booking platform — Laravel API, Vue admin and customer dashboards, Flutter mobile app.

The RMM — because driving to a studio at midnight to press a power button is not a career:

• C++ Windows agent — DXGI desktop capture, JPEG/H.264 encoding, remote input injection
• C++ relay — uWebSockets server routing agent ↔ dashboard traffic
• Flutter desktop dashboard — live view and control of every booth
• Rust server — a v1 built in Rust before the v2 C++ rewrite
• Linux agent — X11 capture, JPEG streaming, remote shell, process manager

_{Laravel · Vue · Flutter · C++ · Rust · uWebSockets · DXGI · X11}

A payment company's back office has exactly one job: prove that every rupiah that moved actually moved. I built the thing that does the proving.

• Two-stage reconciliation — third-party settlement against bank mutation, then that result against back-office data
• Discrepancy detection — dispute amounts, missing-in-bank, missing-in-back-office
• Disbursement module for merchant payouts
• Deduction module for fees, chargebacks and adjustments

_{Java · Spring Boot · Next.js · Jenkins · Docker}

CoffeeLabs is the group I ran development for at PT Cyber Lab Indonesia. It grew into a small suite: company site, HRIS app, back office.

• HRIS — attendance with GPS check-in and geofence radius, employee management
• Face-recognition attendance — a separate Python model service plus a Node inference service, so people stop clocking in for each other
• WhatsApp gateway — a NestJS + Baileys service for notifications
• Point of Sales, inventory, and an income journal system
• Led the development team and ran the internship programme

_{Laravel · Java (Spring Boot) · Next.js · Vue · React Native · Python · NestJS · Jenkins · Docker}

Pilgrimage travel is a logistics problem wearing a religious hat: passports, visas, seat quotas, flight manifests, hotel room-sharing, instalment payments, and a deadline that does not negotiate.

Elteyba Tours — licensed PPIU & PIHK agency, plus the jamaah portal:

• Multi-role access (admin, agent, jamaah, coordinator) with approval flows
• Registration with passport/visa upload, group registration, package selection
• Automated invoicing, down-payment and instalment tracking, payment reminders
• Real-time seat quota, schedule assignment, flight and hotel management
• Visa tracking with status workflows and API/CSV export
• Manifest generation: flight grouping, hotel room-sharing logic, PDFs for immigration
• WhatsApp broadcast with email fallback, queue-based notifications, daily backups

SmartHajj — a later take on the same domain: Laravel backend, Flutter app.

_{Laravel · Sanctum · Livewire · Spatie Permission · Vue 3 · React Native · Flutter · MySQL/PostgreSQL · Redis · Midtrans · WhatsApp API}

Built for GlobalTix Teknologi Indonesia: the domestic ticketing site, its back office, and GT Checker, the React Native app staff hold at the park entrance.

• domestic.tamansafaribogor.com — public ticketing plus the back office behind it
• GT Checker (React Native / Expo) — QR and barcode scanning built for a queue, not a demo, with on-device ticket printing
• Fraud detection — reused and forged tickets rejected at the gate rather than discovered in a report afterwards
• Integrated with the park's existing ticketing infrastructure, and iterated on feedback from the people actually standing at the turnstile

The app and back-office repositories belong to the client, and my access ended when the contract did — which is how most contract work goes. The live site is the part I can still point at.

_{React Native · Expo · QR / barcode scanning · thermal printing · REST APIs}

Two products, one funnel. ArkaLearn teaches Japanese for work — JLPT N5 through N3, SSW preparation, mensetsu (interview) practice. Spectro is the job portal those learners graduate into.

The domain constraint shapes everything: the users are, by definition, still learning a language, and they are applying for a visa category with its own paperwork.

• Two-sided marketplace — candidate and employer profiles, role chosen at signup, Google OAuth
• Faceted job search across category, industry, type, career level, experience and qualification — six independent axes, because "worker" is not a search query
• Applications tracking, saved jobs, employer following, per-job view analytics
• In-app messaging (conversations and messages) so hiring does not degrade into a WhatsApp thread nobody can audit
• SSW document handling for Japan's Specified Skilled Worker visa track — the part where a missing file costs someone a job offer
• Multi-language throughout, plus a blog with categories. If your users are learning Japanese, you cannot assume they read English either

_{Laravel · Blade · MySQL · Google OAuth · Docker}

dpupr.mubakab.go.id is the public portal for the Public Works and Spatial Planning agency of Musi Banyuasin Regency, shipped under the name INFRALOK.

The easy version of this job is a theme and a plugin directory. The problem with the easy version is that the people updating the site are civil servants, not developers, and every plugin is a future CVE somebody else has to patch.

So it runs on a purpose-built Laravel CMS instead:

• Pages and posts with categories and tags
• Nested menu builder — menus and menu items as first-class records, so navigation is edited, not deployed
• Media library for documents and images
• Composable home page — HomeSection / HomeSectionItem let the landing page be rearranged from the admin panel without touching a Blade file
• Role-based admin for the staff who keep it current

Small surface area, no plugin ecosystem to audit, and nobody has to call me to publish an announcement.

_{Laravel · Blade · Tailwind · MySQL}

A coconut-shell charcoal exporter. The site sells in three languages; the CRM runs the pipeline.

• Trilingual company profile (English / Indonesian / Arabic) → taibacoco.co.id
• CRM — contact and lead management, status tracking, reminders, Excel/CSV import-export
• Sales pipeline — deal tracking, funnel metrics, performance reports
• Task scheduler — calendar view, assignments, automated follow-up notifications
• Invoice and quotation module with PDF generation and e-signatures
• Security — 2FA, session logs, audit trails, permission-based access

_{Laravel · Passport · Spatie Permissions · Queues & Events · Vue 3 + Pinia · MySQL · Redis · DomPDF}

ProSpark Pte Ltd — Singapore · Learning Management System. Built and maintained an LMS for workforce training and reskilling. Laravel back end plus front-end integration, maintenance and optimisation.

Taman Safari Indonesia — Bogor · Ticketing platform. Site, back office and the gate-checker app, for GlobalTix Teknologi Indonesia — see the war story above.

PT Arka Spektrum Solutindo — EduTech job portal. Built Spectro and ArkaLearn end to end — see the war story above.

Nghbr INC — New York City · Hyper-local tech networking app. Built the React Native (Expo) app: translated complex UI/UX into pixel-perfect interfaces, integrated REST APIs with real-time sync, and kept the UI consistent across every screen size someone could hand me. The company site is at nghbr.framer.website — a Framer build, not mine. The app repo is client-owned and private.

Remedi Indonesia — Corporate wellbeing platform. Owned architecture for mobile and backend: cross-platform React Native app on a secure Laravel API, real-time chat, third-party integrations, and data-privacy practices for genuinely sensitive user data.

TVRI — National public broadcaster. Front-end maintenance for tvri.go.id and full stack development for newstvri.com.

No shields.io, no third-party stat cards, no "AI slop" gradient banner. Every graphic here is an SVG generated by tools/build_assets.py in this repository — each one emitted twice, once per colour scheme, and swapped with <picture media="(prefers-color-scheme: dark)">.

The design language is neo-brutalism: 3–4px black outlines, hard offset shadows with zero blur, flat saturated colour, and Arial Black doing a lot of heavy lifting. Text widths are measured in a real browser rather than estimated, because Arial Black is far wider than any per-character table predicts and labels were spilling out of their boxes.

The cat is Cimol. She is orange, which is the entire personality. She sits in the terminal, sleeps at the foot of the stack, walks across the page twice, occupies a stat tile she did not earn, loafs on the case-study banner, waves at the bottom, and has left paw prints on the hero. She is not decorative. She is load-bearing.

Assets are content-hashed (hero-dark.<hash>.svg) because raw.githubusercontent.com runs Varnish and ignores the query string in its cache key — ?v=2 never busted anything, and a changed asset kept serving stale for five minutes. A hash in the filename is a new path, so it cannot go stale.

The stamp wobbles, the cursor blinks, the cats move, and all of it stops if you have prefers-reduced-motion turned on.

python3 tools/build_assets.py   # regenerates all 28 files in assets/