Work · 19 case studies
Case studies
AI, backend and data-platform work, each told the same way: the problem, the architecture, the proof and the result.
- 01 MeatLink B2B Meat Commerce Platform Live B2B meat sourcing and commerce platform for Indonesian food businesses, with role-based data security, Midtrans payments, and an OAuth-protected MCP server that AI agents can use safely. TypeScript · React 19 · TanStack Start · Cloudflare Workers · Supabase Postgres TypeScriptReact 19TanStack StartCloudflare WorkersSupabase Postgres
- 02 DNDMind AI Copilot Full-stack AI Dungeon Master copilot with RAG, memory retrieval, structured outputs, tool calling, and deterministic evaluation workflows. Gemini 2.5 Flash · Next.js · ASP.NET Core · FastAPI · PostgreSQL Gemini 2.5 FlashNext.jsASP.NET CoreFastAPIPostgreSQL
- 03 RASCI STK Process Governance & Document Generator Internal platform, branded PRISMA, that turns RASCI process hierarchies into controlled STK documents, with revisioned content, DOCX and PDF generation from corporate templates, and an AI module that drafts sections and draws cross-functional flow diagrams. .NET 8 · Blazor WebAssembly · ASP.NET Core · MudBlazor · EF Core .NET 8Blazor WebAssemblyASP.NET CoreMudBlazorEF Core
- 04 Enterprise RAG Knowledge Assistant On-premise LLM assistant redesigned into a retrieval pipeline with document chunking, embeddings, vector retrieval, contextual prompts, and output handling. Qwen · LLM · RAG · Embeddings · Vector Search QwenLLMRAGEmbeddingsVector Search
- 05 Portfolio Assistant: Retrieval-Augmented Chat on a Static Site The "Ask about my work" panel on this site: a retrieval-augmented assistant that answers recruiters' questions from the published case studies and resume, streams answers from Groq through the site's only server route, and ships with retrieval tests and a 33-question eval. Astro · TypeScript · Groq · gpt-oss-120b · BM25 Retrieval AstroTypeScriptGroqgpt-oss-120bBM25 Retrieval
- 06 NR PTW Online Permit-to-Work Platform Digital permit-to-work lifecycle for an LNG regasification operator: drafts, HSE validation, area-owner approval, issuance, suspension, renewal and closure, with every transition an explicit idempotent command and an official print package rendered from an immutable snapshot. .NET 10 · ASP.NET Core · EF Core · SQL Server · Angular 22 .NET 10ASP.NET CoreEF CoreSQL ServerAngular 22
- 07 NR EMAS Risk Monitoring Enterprise risk evaluation and monitoring platform replacing Excel-based tracking with risk registers, treatment plans, KRI monitoring, approvals, and executive dashboards. .NET · Clean Architecture · Blazor · EF Core · SQL Server .NETClean ArchitectureBlazorEF CoreSQL Server
- 08 NR-CSR Program, Approval & Payment Management Corporate social responsibility management system: proposal intake, eligibility, multi-level evaluation and survey approvals, budgets and work programs, payment requests exported to the group payment platform, vendor and legal documents, and reporting. Modernised from Laravel 6 on Oracle to Laravel 8 on PostgreSQL 16. PHP 7.4 · Laravel 8 · PostgreSQL · Blade · LDAP PHP 7.4Laravel 8PostgreSQLBladeLDAP
- 09 Automated Data Pipeline for Executive Power BI Dashboard Containerized Airflow and Spark pipeline that extracts operational data, transforms metrics, loads a PostgreSQL data mart, and feeds executive Power BI dashboards. Apache Airflow · Apache Spark · Docker · PostgreSQL · MSSQL Apache AirflowApache SparkDockerPostgreSQLMSSQL
- 10 LNG Operations Visibility Dashboard Operational gas monitoring dashboard that unified FSRU and onshore visibility with automated reporting, KPI trends, and executive-ready performance views. Gas Monitoring · Dashboard Analytics · KPI Reporting · Operational Metrics · Executive Dashboard Gas MonitoringDashboard AnalyticsKPI ReportingOperational MetricsExecutive Dashboard
- 11 LNG Corporate Website Platform Corporate website revamp for a national LNG operator, turning a static web presence into a responsive, CMS-managed digital identity platform. Next.js · ASP.NET Core · CMS · IIS · Responsive UI Next.jsASP.NET CoreCMSIISResponsive UI
- 12 CSIRT Nusantara Regas Public Website Public website of the company's Computer Security Incident Response Team: incident reporting guidance, RFC 2350 documents, PGP public key and the BSSN guide library, built as a hardened static Angular 22 site with no backend to attack. Angular 22 · TypeScript · SCSS · Vitest · Nginx Angular 22TypeScriptSCSSVitestNginx
- 13 5TB Telco Data to BigQuery Backend synchronization workflows for national-scale modem telemetry into BigQuery, supporting centralized analytics and near real-time reporting. AWS EC2 · AWS RDS · Google BigQuery · Apache Airflow · Apache Beam AWS EC2AWS RDSGoogle BigQueryApache AirflowApache Beam
- 14 Nutricia Professional LMS Doctor-facing learning platform for Danone's medical-professional program, delivered on schedule and scaled to thousands of users. Next.js · Lumen · MySQL · AWS EC2 · AWS RDS Next.jsLumenMySQLAWS EC2AWS RDS
- 15 Inventory Management System Award-winning inventory platform replacing spreadsheet workflows with operational tracking, analytics, and reporting connectors. Blade · Laravel · MySQL BladeLaravelMySQL
- 16 Policy Document Management System Policy document workflow system for managing issued documents, secure transfer, and production document handling. Next.js · ASP.NET Core · SQL Server Next.jsASP.NET CoreSQL Server
- 17 E-Procurement Ecosystem Procurement workflow ecosystem covering vendor, procurement, and approval flows for internal business operations. Bootstrap · CodeIgniter · MySQL BootstrapCodeIgniterMySQL
- 18 Portal Dashboard Gas operations dashboard for internal operational visibility and backend workflow access. Blazor · ASP.NET Core · Bootstrap · jQuery · SQL Server BlazorASP.NET CoreBootstrapjQuerySQL Server
- 19 Tokopedia Scraper API API interface for scraping product data from Tokopedia using Python, Flask, BeautifulSoup, Selenium, and PostgreSQL. Python · Flask · BeautifulSoup · Selenium · PostgreSQL PythonFlaskBeautifulSoupSeleniumPostgreSQL