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.
Front End Architect & Full Stack Developer — 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
What an AI agent actually is under the hood, the core loop that powers every one of them, and how to design one that does real work reliably.
Why Zustand keeps winning the state-management debate, how to structure a store for real apps, and the pitfalls that show up after the honeymoon.
What event-driven architecture actually is, when to reach for it, the trade-offs nobody mentions, and how it shows up in real products.