Frontend Engineer
Systems Integration
& Product Builder
I build complex digital systems and turn ideas into working products.
Translating complex datasets, policy workflows, and API architectures into intuitive, high-performance interfaces. From large-scale public sector systems to AI experiments and independent software products.
Selected Work
High-complexity public sector systems, policy analytics platforms, and data-driven interfaces.
SKALA Program Ecosystem
Kanvas Analisis
Complex Data & Regional Policy Analysis System
Transforming complex national statistical datasets (Susenas, Sakernas, DTSEN) and regional planning documents (RPJMD, RKPD) into an interactive analytical workflow for regional planning.
Analisis Intervensi & Anggaran
Structured Problem Decomposition & Budget Planning System
A structured policy planning application connecting problem identification, root-cause analysis, intervention options, and budget estimation into a unified decision-support workflow.
SEPAKAT Edu
Interactive Learning & Capacity Building Platform
An educational and self-learning platform within the SEPAKAT ecosystem designed to train thousands of regional government planners on integrated planning, budgeting, and poverty diagnostics.
Analisis Penerimaan & Belanja Daerah
Regional Fiscal Intelligence & Financial Data System
A high-density financial analytics interface providing regional decision-makers with comprehensive visibility into local revenue sources (PAD, transfer funds) and expenditure allocations.
Dashboard SLR
Climate Risk & Geospatial Sea Level Rise Analytics
An interactive geospatial analytical platform visualizing the projected impact of Sea Level Rise along Indonesian coastal zones under IPCC SSP5-8.5 climate scenarios using FABDEM elevation models.
Client Projects
Commercial dashboards, genomic surveillance platforms, and custom software delivered for specialized clients and research initiatives.
Asia PGI Landscape Assessment
A data-driven web application presenting pathogen genomic surveillance landscape assessments across Asian countries. Features interactive charts and geographic maps supporting health sector decision-making.
- Multi-source pathogen surveillance data integration
- Interactive data visualization with custom maps and metric charts
Rimba Raya Conservation Analytics
An environmental tracking interface designed for monitoring ecosystem indicators, carbon stock metrics, and biodiversity sightings across conservation reserves.
- Streamlined data intake views for field rangers and analysts
- Responsive metric widgets for environmental performance tracking
Experiments
Hands-on technical explorations at the intersection of local AI, vector retrieval, and structured interface workflows.
RAG Problem Tree Generator
AI-Powered Regional Policy & Causality Decomposition
An experimental AI system that parses regional planning documents and socio-economic datasets to generate verified causal problem trees (Masalah → Penyebab → Intervensi) using retrieval-augmented generation.
Rather than relying on ungrounded generative prompts, this pipeline uses local vector embeddings in ChromaDB to retrieve regulatory context and generate schema-enforced causal graphs (Masalah → Penyebab → Opsi Intervensi).
Building ELCODE
An independent software studio building digital systems, developer operating tools, interactive simulations, and product experiments.
ELCODE Studio OS
All-in-One Digital Studio Operations & Workspace
Designed to eliminate fragmentation across third-party project trackers, API telemetry, and client deliverables. Studio OS provides an integrated local-first workspace for software studios managing products, agentic pipelines, and systems delivery.
A cozy rural farming simulation game celebrating traditional agriculture.
Tactical strategy defense with elemental magic synergies and pathing mechanics.
An atmospheric exploration RPG driven by map discovery and forgotten lore.
Artisan coffee supply chain and roasting economy simulation.
Martial cultivation roleplay featuring dynamic AI-driven story encounters.
How I Build
The technical principles and systems mindset guiding my architectural choices and code delivery.
Understand the system first
Before writing a line of interface code, I map the core workflow, the data schemas, and the stakeholders' real operational pain points. A beautiful interface built on flawed mental models is useless.
Make complexity usable
Whether it is millions of national survey records or nested regional budget lines, my role is to untangle multi-dimensional complexity into intuitive, step-by-step human workflows.
Build for resilient integration
Digital applications depend on external APIs, legacy systems, and fluctuating network connections. I engineer interfaces that fail gracefully, handle state transitions predictably, and preserve user progress.
Optimize where it matters
Performance is not an afterthought; it dictates usability for users on low-bandwidth laptops. I focus on clean bundle footprints, surgical DOM rendering, and predictable state structures.
Keep learning through real builds
I explore emerging paradigms—such as local RAG with LangChain and vector databases—by building functional prototypes that solve tangible problems.
Engineering Background
6+ years of engineering evolution from user interfaces to systems integration and independent product building.
I am a Frontend Engineer and Systems Integration specialist with over 6 years of experience building mission-critical web applications for government institutions, research organizations, and private clients.
My work centers on the intersection of frontend architecture and complex data workflows. Rather than treating frontend as purely visual layer implementation, I focus on how the interface interacts with complex backend schemas, data pipelines, and external integrations to make complex systems intuitively usable.
Beyond my core professional work with the SKALA Program, I explore AI/RAG automation pipelines and build independent software products through my software studio, ELCODE.
Professional Experience
Leading frontend engineering and system integration for core government analytical platforms under the SKALA Program (Kementerian PPN/Bappenas), supporting regional development and evidence-based planning.
Engineered frontend platforms and collaborative tools for foundation initiatives, focusing on data portals, administrative dashboards, and regional outreach platforms.
Developed web applications, PWAs, and client administrative dashboards in an agile software agency environment.
Technical Capabilities
Grouped by engineering discipline and verified through production delivery.
Frontend Engineering
Building responsive, accessible, high-performance web systems and dynamic interfaces.
Backend & Systems Integration
Designing resilient API integrations, microservices, and reliable communication layers.
Data & Geospatial Visualization
Translating multi-dimensional metrics and spatial models into clear, interactive visuals.
AI & RAG Experimentation
Applying modern language models and retrieval systems to practical workflow automation.
Infrastructure & Engineering Tools
Ensuring reproducible environments, maintainable codebases, and reliable deployment.
Get In Touch
Open to discussions regarding senior engineering roles, complex systems consulting, or digital product collaborations.