Frontend Engineer for enterprise systems.
Five years building banking ERP platforms, micro-frontend architectures, and AI features that run in production. Mathematics degree, Vue and React in equal measure.
- Location
- Brebes, ID
- Work setup
- Remote-first
- Experience
- 5+ years
- Focus
- Enterprise & AI
Balance
Shipping production frontends
Independently deployable
Across two design systems
Secured with RBAC
Delivered on the LMS platform
Selected work
Enterprise work is under NDA, so what is shown here is the architecture and the measured outcome — drawn from scratch, no client assets.
Internal Portal Migration
KT Skylife Korea · Telco · Internal
Migrated legacy jQuery pages to a responsive React architecture with reusable dashboard layouts.
Architecture
Two platforms, two answers to the same question.
How do you let eight teams ship independently without the product falling apart? I answered it one way in 2022 and a different way in 2024.
Eight Vue 2 micro-applications, one shared component library, eight business units shipping on their own cadence.
Root config
SystemJS import map resolves each micro-app at runtime, so a business unit can deploy without rebuilding the shell.
Module names describe the domain rather than the client’s internal naming.
Capabilities
Frontend Architecture
Splitting a large product into pieces that separate teams can own, deploy and reason about — without the shared surface rotting.
- Single-SPA orchestration
- Vite Module Federation
- Design systems (80+ components)
- TypeScript strict mode
- Code splitting & lazy loading
Proven on: Procurement ERP, LMS
Enterprise Integration
The unglamorous half of banking frontend: identity, permissions, observability, and a pipeline that gates quality before it reaches production.
- Keycloak OAuth2 / OIDC
- Role-based access control
- Bitbucket Pipelines · Docker · Nginx
- SonarQube quality gates
- Sentry observability
Proven on: Procurement ERP, LMS
AI Product Engineering
Treating LLM features like software: versioned prompts, measured output, logged cost. Not a demo that works once.
- RAG with pgvector / Pinecone
- Multi-tool routing & agents
- Streaming UI (SSE)
- Prompt versioning registry
- LLM-as-judge evaluation
Proven on: BandTelusur
Audit trail
- 2022—2026
Frontend Developer
PT Cranium Royal Aditama
Banking ERP, enterprise LMS, and an internal portal migration for KT Skylife Korea.
- 2021—2022
Web Developer
PT Metaverse Indo Jaya (Cindrum)
Crypto token swap interfaces and Web3 wallet integration.
- 2021
Full Stack Developer Program
Hacktiv8 Indonesia
Intensive bootcamp — the pivot from mathematics into software.
- 2013—2020
B.Sc. Mathematics
UIN Sunan Kalijaga Yogyakarta
Linear algebra and probability — the same machinery underneath embeddings, vector search and model evaluation.