Case studies
in context.

Five projects across HR tech, operations, fintech, and enterprise platforms.

Talentics2024

SaaS

HR SaaS platform

A calmer, clearer operating system for modern people teams.

Next.jsTypeScriptPostgreSQLDesign systems
KPR2022

Operations

Backoffice operations

Turning a high-volume backoffice into a confident daily workspace.

ReactNode.jsData tablesWorkflow
IDEAL Indonesia2022

Fintech

Digital financing experience

Making a financial journey feel transparent, human, and easy to trust.

Next.jsReactFirebaseAWS RekognitionAI integrations
Pertamina2023 - 2025

Enterprise

HCIS employee platform

A human-centered HR workspace for one of Indonesia’s largest enterprises.

.NET 6Blazor ServerMudBlazorClean Architecture
Pupuk Indonesia2023 - 2025

Enterprise

HCIS transformation

Bringing clarity and consistency to a large-scale HR transformation.

Next.jsReactMUIRedux ToolkitD3

More work
behind the scenes.

Selected products and platforms from my CV. These entries are intentionally text-led, with no project imagery.

BSI / 2026

HAER Platform

HR & Benefits

Platform Human Capital Management multi-tenant yang mencakup HR inti hingga manajemen benefit dan klaim, dengan area platform-admin dan tenant.

Stack
Next.js 16, React 19, TanStack Query, Zustand, Tailwind CSS, Socket.IO, dnd-kit, Sentry, NestJS, Express, TypeScript, Zitadel
Features
Employee profile, onboarding/offboarding/crossboarding, recruitment, performance evaluation, competency management, organization hub and org chart, manager and team tools, leave and attendance, travel and expense, cash advance, invoice approval, claims, survey, wellness, extensive learning modules, course wizard, ILT, grading, certificates, knowledge base, community, tenant management, connectors, SSO/JWT, and Swagger API.

TruClimate / 2024

TruCarbon Marketplace

Sustainability & Carbon

Marketplace kredit karbon tempat pengembang mendaftarkan proyek carbon-offset dan buyer menjelajah, memesan, serta membeli kredit karbon.

Stack
React 18, Redux Toolkit, Ant Design, styled-components, Tailwind, Google Maps, JWT
Features
Authentication, project submission and listing, owned and booked projects, buyer orders, multi-step eligibility checks, dashboards, emissions tracking, and inquiries.

TruClimate / 2024

TruCount Emission Accounting

Sustainability SaaS

Dashboard SaaS untuk pencatatan dan pelaporan emisi GHG Scope 1, 2, dan 3 serta target keberlanjutan SBTi.

Stack
React 18, Redux Toolkit, MUI, TanStack Query, i18next, ApexCharts, D3, ExcelJS, jsPDF
Features
Bulk emission input, Scope 3 categories, carbon-intensity analytics, scenario analysis, GHG Inventory, GRI and ISO reports, Excel/PDF exports, company and supply-chain management, onboarding, localization, and product tours.

TruClimate / 2023 - 2024

TruClimate & TruCarbon Marketing Suite

Marketing Platform

Kumpulan website marketing untuk memperkenalkan ekosistem TruClimate, TruCarbon, solusi Measure/Reduce/Offset, API integration, dMRV, IoT, dan white-label technology.

Stack
Next.js 14, React, Express, Tailwind CSS, Framer Motion, next-sitemap
Features
Company, team, client, partner, solutions, technology, blog, research, reports, carbon purchase, eligibility CTA, project listing, dynamic project details, and contact flows.

TruClimate / 2023 - 2024

Shared Account & SSO Portal

Identity Platform

Portal akun terpusat untuk login, registrasi, pemulihan akses, dan perpindahan sesi lintas TruCarbon dan TruCount.

Stack
React 18, Ant Design 5, Tailwind CSS, Google Maps, d2l-intl
Features
OTP-based forgot password, cross-app SSO handoff, localized account experience, and overview dashboard for clients, pending requests, and completed projects.

IDEAL Indonesia / 2024 - 2025

Mobile Agent App

Mobile Fintech

Aplikasi mobile agen untuk mendukung penjualan dan pemrosesan aplikasi KPR langsung dari lapangan.

Stack
React Native 0.86, React 19, Redux Toolkit, React Navigation 7, Reanimated 4, Firebase, Sentry
Features
KYC document capture, camera and image cropping, KPR calculator for primary, secondary, refinance, and takeover, credit scoring, push notifications, encrypted device storage, and environment-specific builds.

Lamudi Philippines / 2024 - 2025

Lamudi Philippines Platform

Property & Lending

Ekosistem platform properti dan mortgage untuk pasar Filipina yang terdiri dari public web, admin backoffice, dan portal agen.

Stack
Next.js 15/16, React 19, Redux Toolkit, Firebase, AWS Rekognition, Google Maps, CASL, SignalR
Features
Marketplace routes, dynamic SEO sitemap, KPR calculator, liveness detection, role-based access, agent prequalification, refinance tools, encrypted API signing, and large-scale admin feature modules.

Payment Gateway Operator / 2023 - 2024

PGO Dashboard

Fintech Operations

Backoffice operator payment gateway untuk QRIS, transfer dana, settlement, komisi partner, dan monitoring transaksi.

Stack
Next.js 13/15, React, Redux Toolkit, Tailwind, RSuite, MongoDB, Mongoose, JWT, Speakeasy
Features
Admin authentication with 2FA, client and credential management, transaction verification, disbursement and ledger workflows, analytics, export reports, webhooks, scheduling, and Telegram notifications.

RMBEX / 2023 - 2024

RMBEX Remittance & KYC

Fintech

Platform customer dan internal admin untuk pengiriman uang lintas negara, onboarding KYC, dan pengelolaan dompet digital.

Stack
Next.js 13, styled-components, Tailwind, next-i18next, AWS S3, Azure Blob Storage, jsPDF
Features
Personal and business KYC, document upload, domestic and international transfers, beneficiaries, virtual-account top-up and withdrawal, wallet, reports, FAQ, support, customer management, exchange rates, fees, contracts, and CMS-like configuration.

Vesatrade / 2022 - 2023

Vesatrade CMS

Trading Operations

CMS dan backoffice untuk platform trading dengan integrasi payment gateway TruePay/AmPay.

Stack
Next.js 13, TypeScript, MUI 5, Redux Toolkit, Formik, Yup, ApexCharts, React Quill, React Big Calendar
Features
Dashboard, member management, member transaction history, deposit and withdrawal, payment lists, transaction management, privilege and role management, security settings, and landing-page editor.

Bimar / Libra / 2022 - 2023

Bimar / Libra White-label Trading Widget

Trading Interface

Widget binary-options white-label yang dapat di-embed menggunakan token autentikasi dan menampilkan harga secara real-time.

Stack
React 17, Redux Toolkit, Bootstrap, Tailwind, ChartIQ, Socket.IO, crypto-js
Features
Buy/sell with bid and finish timers, live ChartIQ feed, jackpot gamification, transaction and balance history, demo/live balance modes, multilingual UI, deposits, verification, and password recovery.

Hutama Karya / 2021 - 2023

HITS Enterprise HRIS

HR & Talent

HRIS enterprise untuk perusahaan konstruksi BUMN dengan banyak microservice untuk core HR, organization, ESS, performance, compensation, succession, dan LMS.

Stack
Next.js 12, MUI 5, Redux Toolkit, Auth0, AWS Amplify, CASL, D3 org chart, FullCalendar, Firebase, Sentry
Features
Recruitment, onboarding, employee and manager self-service, succession planning, 9-box grid, talent pool, org chart, performance and 360 review, calibration, KPI, compensation, competency management, LMS HAkademy, IDP, and access control.

Green Hydrogen Indonesia / 2022 - 2023

Green Hydrogen Indonesia Portal

Public Information

Portal informasi publik tentang pengembangan hidrogen hijau di Indonesia, inisiatif pemerintah, dan data pemangku kepentingan.

Stack
React 17, React Bootstrap, i18next, React Leaflet, Google Maps, DataTables
Features
Industry overview, production, development progress, legal framework, potential mapping, stakeholder directory, company profiles, interactive project maps, news, publications, events, project finance, partners, and contact.

Naturetrust / 2022 - 2023

Naturetrust Company Website

Sustainability

Website korporat bilingual untuk perusahaan sustainability dan certification.

Stack
React 18, Tailwind CSS, i18next, Express, Nodemailer, react-helmet
Features
Home, company profile, services, certification knowledge, team, contact form connected to an email backend, and Indonesian/English localization.

Medicalc / 2023

Medicalc SaaS Website

Healthcare SaaS

Landing page SaaS manajemen klinik berbahasa Indonesia dengan social proof, produk, harga, blog, FAQ, dan kontak.

Stack
Next.js 14, TypeScript, Tailwind CSS
Features
Marketing homepage, product and pricing pages, blog teaser, FAQ, partner section, statistics, and contact form.

Nanyang Polytechnic / 2021 - 2022

Financial Assistance Administration System

Education Administration

Sistem admin internal untuk memproses pengajuan bantuan finansial dan beasiswa mahasiswa.

Stack
React 18, Azure MSAL, GovTech Singapore SGDS, React Bootstrap, jsPDF, xlsx
Features
Azure AD SSO, application enquiry, verification, reference-data setup, batch updates, criteria processing, report and form printing, Excel/PDF export, and system administration.

Charon Finance / 2021 - 2022

Web3 Social Campaign Platform

Web3

Platform kampanye Web3 yang menggabungkan wallet blockchain, verifikasi Merkle tree, airdrop/whitelist, dan social account linking.

Stack
React 17, Redux, Material UI 4, Bootstrap, i18next, web3.js, solc, Merkle tree
Features
Campaign creation and winners, project details, social login, Discord/Twitter/Telegram account linking, user profiles, wallet interactions, and campaign preferences.

Open-source exploration / 2023

Chatbot UI Exploration

AI & Developer Tools

Eksplorasi dan integrasi klien chat bergaya ChatGPT berbasis proyek open-source Chatbot UI.

Stack
Next.js 13, TypeScript, Tailwind CSS, OpenAI SDK, Vitest, react-markdown
Features
Streaming responses, conversation folders, import/export, prompt templates, system prompts, Google search plugin, multilingual UI, markdown, and syntax highlighting.