Track & Trace Serialization Machine
An event-driven serialization and aggregation coding machine that achieves BPOM Data Matrix compliance on box packaging — orchestrated across hardware, middleware and web at production throughput.
Senior Frontend Engineer / Architect · Mobile & Web — Jakarta, Indonesia
Open to opportunities
ProfileAbout
I design and ship fast, resilient digital products — from telecom-scale mobile apps to event-driven IoT serialization systems — turning complex requirements into clean, shippable interfaces.
A front-end engineer who designs systems like an architect — 9+ years turning ambiguous requirements into products people rely on every day.
I specialize in mobile and web front-end on the React ecosystem, with a full-stack reach that lets me own a feature from system design through deployment. My recent focus is event-driven architecture — most notably a BPOM Data Matrix compliance machine that coordinates hardware, middleware and web in real time.
From telecom-scale platforms like MyTelkomsel to early-stage startups, I bring the same discipline: deliberate architecture, honest trade-offs and clear communication — plus a good sense of humor in the room.
System Design
Event-driven · State · Data flow
Mobile & Web
React Native · Next.js · React
Hardware-adjacent
IoT · Raspberry Pi · Serialization
Scale
Telkomsel to early-stage startups
10 roles · Jakarta & Surakarta
2014 — Present · Full-time, freelance & internship
01
Senior Front End Engineer
Front-end, mobile and IoT architect driving the technical direction of the company's product portfolio — from hardware-adjacent serialization systems to consumer mobile apps and e-commerce.
02
Senior Front End Engineer
Owned front-end architecture for an export-driven product ecosystem — mobile products, web portals and internal tooling — establishing patterns that scaled across four products.
03
Senior Front End Engineer
Architected a communication-first social platform with real-time reliability at its core.
04
Senior Front End Engineer
Delivered a medical services application designed around dependable real-time interaction.
05
Senior Front End Engineer
Shipped a fintech application and its web presence with a security-conscious, consistent front-end.
06
Senior Front End Engineer
Owned the front-end across FITCO's digital surface — mobile app, data-heavy dashboards and marketing site.
07
Senior IT Consultant — Middleware
Technical lead in the Solution Architect & BA department, delivering mission-critical telco products at national scale.
08
Front End Developer
Delivered client websites end to end on a modern, headless CMS stack.
09
Front End Developer
Early-career role shipping real client products across the full web stack.
10
Intern — Web Developer
First production software experience in a national airline.
An event-driven serialization and aggregation coding machine that achieves BPOM Data Matrix compliance on box packaging — orchestrated across hardware, middleware and web at production throughput.
A complete e-commerce platform tailored to the Middle East market — engineered from storefront to transactional flows for performance and reliability.
A gym and class booking platform with run-event management and an operations dashboard — designed as a single system across web and mobile.
A telecom-scale self-service platform serving millions of users — architecture and delivery led alongside McKinsey Digital Lab and Accenture.
The flagship export application, architected from the ground up on a codebase shipped to both iOS and Android.
An export commodity portal connecting Indonesian exporters to global buyers — built on a security-first authentication layer.
An official corporate website for Seolmi — brand storytelling delivered on a crisp, high-performance front-end.
The company's official website — a high-performance digital storefront engineered for clarity and speed.
More from the archive
bisaekspor.com
Official corporate website
webekspor.com
Official site with payment module
Ternakuang Mobile & Web Apps
Fintech app + website
FITCO Mobile & Web Apps
Official app, dashboards & landing page
Lean Sourcing Asia
Curated job vacancy website
Capabilities
Async pipelines · serialization · recoverability
Component modeling · reusable modules · boundaries
Tokens · patterns · cross-platform consistency
Redux · Zustand · predictable stores
Budgets · code-splitting · SSR / SSG
WebRTC · chat · live dashboards
Touch-first · cross-device · adaptive
Semantic HTML · keyboard · reduced motion
REST · Node middleware · event contracts
Scrum · cross-team knowledge sharing
Tooling
Universitas Sebelas Maret (UNS)
Bachelor of Informatics Engineering · GPA 3.13
Senior High School 1 Surakarta
Science major
Bahasa Indonesia
NativeEnglish
ProfessionalMobile Legends · Table Tennis · Futsal · Badminton · Swimming · Dota · Travelling
Choosing an LLM is not only about picking the smartest model. Model choice changes response quality, latency, cost, and reliability in real products.
A beginner-friendly guide to using AI better: how to ask clearer questions, give useful context, improve answers, and check important information.
A simple introduction to AI for non-technical readers: what it is, how tools like ChatGPT work, why prompts matter, where AI helps, and why its answers still need checking.