Portfolio

Everything We've Built & Shipped

The full catalog of Idin Studio projects — from in-depth case studies to other client work. Some have full detail pages, the rest are quick snapshots.

Principal App Developer

OCU — Biopharmaceutical Spectroscopy Platform

Principal application-layer developer across v1.2 and v2.0 of OCU (Optical Control Unit) — a multi-sensor spectroscopy coordination platform for biopharmaceutical research. v1.2 delivered the full experiment and advanced data analysis layer. v2.0 led the UI redesign and contributed to the API for a full multi-sensor foundation — Raman, pH, O2, temperature, and biomass operating in parallel.

Results

Principal application-layer developer v1.2 + v2.0
Full experiment & data analysis layer: SNV, PCA, outlier detection, classification overlays
Multi-sensor platform: Raman, pH, O2, temperature, biomass operating in parallel
+2 more

Vue 3TypeScriptDjangoDRFMQTT+6 more

Read case study

PREKIT — Edge Data Platform Customer Layer

End-to-end ownership of the customer-facing layer for PREKIT — Alpamayo's edge-first industrial data platform. Scope spans the Vue 3 UI, a production-grade Grafana data source plugin in Go (Phase 1 + Phase 2), the FranzAI MCP server foundation, AI assistant chat UI, Keycloak theme redesign, Sphinx documentation platform, and Storybook component library.

Results

Customer-facing layer owned end-to-end since Oct 2024
Grafana plugin Phase 1 + Phase 2 shipped (Go + TimescaleDB)
FranzAI MCP server + AI assistant chat UI live
+2 more

Vue 3TypeScriptGoDjangoTimescaleDB+12 more

Read case study

Alpamayo Intelligence — Fleet Management Platform

Feature development and UI/UX optimization for the Alpamayo Intelligence platform — primarily fleet management, tracking software versions, telemetry, device state, notifications, and event streams across Alpamayo's industrial IoT customer network. Delivered 32 UI/UX findings across 6 themes, a full design system route with live token customizer, and 32 Alp* severity-driven primitives.

Results

Fleet management platform for Alpamayo's industrial IoT customer network
32 UI/UX findings shipped across 6 themes (A–F changes)
Design system live at /design with token customizer + AI export
+1 more

Nuxt 4Vue 3TypeScriptPrimeVueTailwind CSS+6 more

Read case study

Sanding Performance — Sanding-Line Optimization Software

UI redesign that became the visual template adopted across the full Alpamayo ecosystem, a mobile-optimized mini-app with Entra ID and RBAC, and real-data integration with field data management and import wizards. Helps salespeople demonstrate sanding-line configurations to prospects and helps customers optimize their sanding processes.

Vue 3TypeScriptDjangoDRFEntra ID+4 more

AI Fleet Monitoring for an Indonesian Bus Operator

Phase 2 of our work with PT Efisiensi Putra Utama, currently in active development. An AI fleet monitoring system that replaces 8 manual passenger checkers with CCTV-based counting and gives the control room a real-time map of every bus across a 60+ unit intercity fleet. Full ownership — from edge inference to operations dashboard. Real AI in real production, not a demo.

Results

60+ unit fleet covered
Replaces 8 manual checker jobs
Runs on existing CCTV — no new hardware

Next.js 15Tailwind v4Go (Chi)PythonPostgreSQL+11 more

Read case study

Idin Studio Own Product

Inviboo — The Digital Home for Your Wedding Memories

Inviboo is Idin Studio's own product — a digital invitation and family-memory platform built for the Indonesian market. 230+ migrations, 100+ API handlers, and real testimonials from real couples who used it on their own weddings. We run it on the same engineering discipline we sell to clients.

Results

230+ migrations, 100+ handlers
Full platform live in production
Real couples, real weddings, verified testimonials

Next.js 15Tailwind v4shadcn/uiGo (Chi)PostgreSQL+5 more

Read case study

Idin StudioIdin Studio Own Product

Nawafil — a spiritual habit tracker that compounds

An installable PWA for sunnah practices, hadith, dhikr, Qur'an, and qibla — shipped as 7 thin sub-features in 8 weeks. The architecture now powers the entire Idin Studio mini-app portfolio, cutting build time for each new app by ~60%.

Results

7 sub-features shipped in 8 weeks
PWA reuse cuts next app build time ~60%
Live — ongoing iteration

Next.js 15 (App Router, RSC)Payload CMSPostgreSQLTailwind CSS v4Auth.js v5 (Google OAuth)+3 more

Read case study

Alpamayo Design System — Unified Visual Language Across Three Products

A unified visual language and component library across PREKIT, Sanding Performance, and OCU — three products that previously shared no design identity. Storybook as source of truth, 30+ Alp* severity-driven primitives, cross-product color and typography tokens, and a live token customizer with AI-ready DESIGN.md export.

Vue 3TypeScriptStorybookPrimeVueTailwind CSS+3 more

Gromura

Retail Operations Dashboard for an FMCG Distributor

An internal operations system for Gromura, an FMCG retail company — centralizing warehouse, staff, and product management into one dashboard.

Vue 3ViteNestJSNode.jsPostgreSQL+1 more

Inovata

Company Landing Page for a Retail-Tech Group

The main web presence for Inovata, parent company of Mira Retail — a fast, content-driven landing page showcasing its vision and products.

NuxtVue 3Tailwind CSS

Online Bus Ticketing Platform for an Intercity Operator

Phase 1 of our work with PT Efisiensi Putra Utama: a passenger-facing ticketing platform for an intercity bus operation across Java. Seat selection, real-time trip tracking, membership, and trip management — shipped to production and used by real passengers. The platform that earned the trust for the AI fleet monitoring work in Phase 2.

Results

Live in production
Single seat-inventory source of truth
Foundation for Phase 2 AI work

Next.js 15ReactTailwind v4shadcn/uiTypeScript+3 more

Read case study

A Canteen Operating Suite — QR Ordering, POS, Catering & Dashboard

InKanteen is not one app but a product suite for running canteens and food courts end to end: a QR-based ordering web app for diners, a cashier POS, a B2B catering subscription product, and an operator dashboard. Built on a Vue + NestJS stack with event-driven messaging so multiple tenants and order channels stay in sync.

Results

4 products on one shared backend
QR · POS · Catering · Dashboard
Multi-tenant, event-driven

Vue 3ViteNestJSNode.jsRabbitMQ+3 more

Read case study

Online Dispute Resolution for Banking Cases

Redek is an Online Dispute Resolution (ODR) platform that guides individuals through resolving disputes with banks. It turns an opaque, paperwork-heavy process into a structured, staged workflow — case creation, defined resolution stages, a final decision, in-app chat, and a calendar — all in one dashboard.

Results

Staged, auditable case lifecycle
On-platform chat + calendar
Single dashboard for all parties

Vue 3ViteNestJSNode.jsRabbitMQ+3 more

Read case study