Senior Frontend Specialist · 8 Years of Experience
I don't just build interfaces — I consolidate complex business requirements into lightning-fast web and mobile applications.
01 — Core Specialization
Robust, native-feeling iOS & Android applications built with React Native — one codebase, two platforms, zero compromise on performance.
SEO-optimized, ultra-performant platforms with Next.js, React, and TypeScript — engineered for Core Web Vitals from the first commit.
Consolidating fragmented tools — communication, task management, storage — into unified corporate ecosystems that teams actually enjoy using.
02 — Featured Impact & Experience
03 — Deep Dive
Active Production Systems
About Me
Senior Frontend Specialist — 8+ years shipping web and mobile products at production scale.
I specialise in Next.js on the web and React Native on mobile — the two ends of the modern product surface. Eight years in, my work has one throughline: consolidating complex business requirements into applications that are fast by default — multi-tenant SaaS platforms, government licensing systems, and fintech products with hard frame budgets.
Since 2025 I've been pursuing a Bachelor of Information Technology at Asia Cyber University — aligning nearly a decade of hands-on industry experience with the formal foundations of computer science.
Live Performance Monitor
Frame rate measured live from the WebGL scene behind this page — not a screenshot, not a claim.
Case Study 01 — Multi-Tenant SaaS · Worldwide
A visual commerce editor and multi-tenant SaaS on one Next.js core — a single React component tree powers the editing canvas and every live storefront.
Merchants register at mystoreberry.com/auth/login and expect an isolated storefront on their own dynamic subdomain, live seconds later — while the entire platform ships from one core repository, with zero drift between editor preview and production.
I engineered a shared rendering core: one component tree renders both the internal editor canvas — with fully serializable undo/redo state — and the published storefront. Above it, Next.js middleware resolves each request's Host header and rewrites it into a tenant-scoped route tree, so auth, editor, and every dynamic client subdomain are served by a single deployment.
What a merchant composes in the canvas is, by construction, what customers see in production. Tenants provision instantly at registration, and every platform feature lands on all storefronts simultaneously.
one core · one canvas · n storefronts
Coding Philosophy
“Code is read far more often than it is written.”
Case Study 03 — Web & Mobile · ESG · Hong Kong
Built with ASTD & Fujitsu HK
A high-collaboration build with ASTD & Fujitsu Hong Kong: one platform across web and mobile, digitising the recycling supply chain end to end — collection to certified end-product.
Data & Reporting — Five Guarantees
Automated Playwright end-to-end suites guard every pipeline stage — the five guarantees above are enforced by tests, not by promise.
Case Study 02 — GovTech · Hong Kong
Mission-critical licensing infrastructure for Hong Kong's Food & Environmental Hygiene Department — one authenticated gateway, two isolated portals.
isolated portals · synchronized data
Products that have since been sunset — the engineering decisions still hold.
Archive 01 — Enterprise Hub · Indonesia
ArchivedAn all-in-one corporate workspace built at startup speed on React Native — consolidating WhatsApp-class chat, Trello-class task boards, and Drive-class document storage into a single hub.
Zero → production-ready in under 30 days
Pusher over WebSockets with channel access scoped to employee divisions, plus native push notifications — conversations never leak across organizational boundaries.
GPS-validated check-in that blocks attendance outside the office radius. Clock in after 09:00 and a conditional state workflow intercepts the record, requiring a late-reason form before it commits.
Task management modelled as explicit state transitions instead of fragile drag-and-drop — every move is a validated status change.
Delivery footprint split per platform: web ships only Chat & Tasks, while the mobile app carries the full ecosystem. One codebase, minimal bundles.
sensors · sockets · split delivery
Archive 02 — E-Commerce Migration · Indonesia
ArchivedA direct-to-consumer commerce platform — the store is the seller, not a marketplace — rebuilt end to end from a legacy client-side stack onto Next.js.
csr → ssr/isr → conversion
Archive 03 — Fintech Cross-Platform · Worldwide
ArchivedCross-platform investment products — React Native on iOS/Android, Next.js on web — where real-time market data meets a hard 60fps rendering budget.
one store · every screen · 60fps
Archive 04 — Foundational Build · Indonesia
ArchivedEarly-career e-commerce and event platform — and the project where raw design mockups became a disciplined, reusable component system.
design → system → screens
Education
Bachelor of Information Technology (B.Sc.)
Pursuing a formal degree to align theoretical foundations with 8 years of hands-on industry experience.
High School Diploma — Interactive Technology & Video Graphics