Portofolio

Semua yang Kami Bangun & Kirimkan

Katalog lengkap proyek Idin Studio — dari studi kasus mendalam sampai pekerjaan klien lain. Beberapa punya detail lengkap, sisanya cuplikan singkat.

Principal App Developer

OCU — Platform Spektroskopi Biofarmasi

Principal application-layer developer untuk v1.2 dan v2.0 OCU (Optical Control Unit) — platform koordinasi spektroskopi multi-sensor untuk riset biofarmasi. v1.2 menghadirkan seluruh layer eksperimen dan analisis data lanjutan. v2.0 memimpin redesign UI dan berkontribusi ke API untuk fondasi multi-sensor lengkap — Raman, pH, O2, suhu, dan biomass yang berjalan paralel.

Hasil

Principal application-layer developer v1.2 + v2.0
Seluruh layer eksperimen & analisis data: SNV, PCA, deteksi outlier, overlay klasifikasi
Platform multi-sensor: Raman, pH, O2, suhu, biomass berjalan paralel
+2 lainnya

Vue 3TypeScriptDjangoDRFMQTT+6 lainnya

Baca studi kasus

PREKIT — Layer Customer Edge Data Platform

Kepemilikan end-to-end atas layer customer-facing PREKIT — platform data industrial edge-first milik Alpamayo. Cakupan mencakup UI Vue 3, plugin data source Grafana grade produksi dalam Go (Fase 1 + Fase 2), fondasi FranzAI MCP server, UI chat AI assistant, redesign tema Keycloak, platform dokumentasi Sphinx, dan library komponen Storybook.

Hasil

Layer customer-facing dipegang end-to-end sejak Okt 2024
Grafana plugin Fase 1 + Fase 2 sudah rilis (Go + TimescaleDB)
FranzAI MCP server + UI chat AI assistant sudah live
+2 lainnya

Vue 3TypeScriptGoDjangoTimescaleDB+12 lainnya

Baca studi kasus

Alpamayo Intelligence — Platform Manajemen Armada

Pengembangan fitur dan optimasi UI/UX untuk platform Alpamayo Intelligence — terutama manajemen armada, pelacakan versi software, telemetri, status perangkat, notifikasi, dan event stream di jaringan customer IoT industrial milik Alpamayo. Menghasilkan 32 temuan UI/UX dalam 6 tema, route design system lengkap dengan token customizer langsung, dan 32 primitif Alp* berbasis severity.

Hasil

Platform manajemen armada untuk jaringan customer IoT industrial Alpamayo
32 temuan UI/UX dikirimkan dalam 6 tema (perubahan A–F)
Design system live di /design dengan token customizer + ekspor AI
+1 lainnya

Nuxt 4Vue 3TypeScriptPrimeVueTailwind CSS+6 lainnya

Baca studi kasus

Sanding Performance — Software Optimasi Lini Sanding

Redesign UI yang menjadi template visual yang diadopsi di seluruh ekosistem Alpamayo, mini-app mobile-optimized dengan Entra ID dan RBAC, serta integrasi data nyata dengan manajemen data lapangan dan wizard impor. Membantu tim sales mendemonstrasikan konfigurasi lini sanding ke prospek dan membantu pelanggan mengoptimalkan proses sanding mereka.

Vue 3TypeScriptDjangoDRFEntra ID+4 lainnya

AI Fleet Monitoring untuk Operator Bus Indonesia

Fase 2 dari kerja kami dengan PT Efisiensi Putra Utama, saat ini dalam pengembangan aktif. Sistem AI fleet monitoring yang menggantikan 8 checker manual dengan passenger counting berbasis CCTV dan memberi control room peta real-time setiap bus di armada antarkota 60+ unit. Ownership penuh — dari edge inference sampai dashboard operasional. AI nyata di produksi nyata, bukan demo.

Hasil

60+ unit armada tercakup
Menggantikan 8 posisi checker manual
Jalan di CCTV existing — tanpa hardware baru

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

Baca studi kasus

Produk Sendiri Idin Studio

Inviboo — Rumah Digital untuk Kenangan Pernikahanmu

Inviboo adalah produk milik Idin Studio sendiri — platform undangan digital dan rumah kenangan keluarga yang dibangun untuk pasar Indonesia. 230+ migrasi, 100+ handler API, dan testimoni asli dari pasangan yang memakainya di pernikahan mereka sendiri. Kami jalankan dengan disiplin engineering yang sama seperti proyek klien.

Hasil

230+ migrasi, 100+ handler
Platform lengkap live di production
Pasangan nyata, pernikahan nyata, testimoni terverifikasi

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

Baca studi kasus

Idin StudioProduk Sendiri Idin Studio

Nawafil — habit tracker spiritual yang compounding

PWA installable untuk amalan sunnah, hadis, dzikir, Qur'an, dan kiblat — dikirim sebagai 7 sub-fitur tipis dalam 8 minggu. Arsitekturnya kini menggerakkan seluruh portofolio mini app Idin Studio, memangkas waktu build tiap aplikasi baru ~60%.

Hasil

7 sub-fitur dikirim dalam 8 minggu
Reuse PWA pangkas waktu build app berikutnya ~60%
Live — iterasi berjalan

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

Baca studi kasus

Alpamayo Design System — Bahasa Visual Terpadu di Tiga Produk

Bahasa visual terpadu dan library komponen untuk PREKIT, Sanding Performance, dan OCU — tiga produk yang sebelumnya tidak memiliki identitas desain bersama. Storybook sebagai source of truth, 30+ primitif Alp* berbasis severity, token warna dan tipografi lintas produk, serta live token customizer dengan ekspor DESIGN.md siap AI.

Vue 3TypeScriptStorybookPrimeVueTailwind CSS+3 lainnya

Gromura

Dashboard Operasi Retail untuk Distributor FMCG

Sistem operasi internal untuk Gromura, perusahaan retail FMCG — menyatukan manajemen gudang, staf, dan produk dalam satu dashboard.

Vue 3ViteNestJSNode.jsPostgreSQL+1 lainnya

Inovata

Landing Page Perusahaan untuk Grup Retail-Tech

Web utama untuk Inovata, induk dari Mira Retail — landing page yang cepat dan berbasis konten, menampilkan visi dan produknya.

NuxtVue 3Tailwind CSS

Platform Ticketing Bus Online untuk Operator Antarkota

Fase 1 dari kerja kami dengan PT Efisiensi Putra Utama: platform ticketing untuk operasi bus antarkota di Jawa. Pemilihan kursi, tracking perjalanan real-time, membership, dan manajemen trip — sudah rilis ke produksi dan dipakai penumpang nyata. Platform inilah yang membuka kepercayaan untuk kerja AI fleet monitoring di Fase 2.

Hasil

Live di produksi
Satu sumber kebenaran inventori kursi
Fondasi untuk kerja AI Fase 2

Next.js 15ReactTailwind v4shadcn/uiTypeScript+3 lainnya

Baca studi kasus

Suite Operasi Kanteen — QR Ordering, POS, Catering & Dashboard

InKanteen bukan satu aplikasi, tapi satu suite produk untuk menjalankan kanteen dan food court secara menyeluruh: web app pemesanan berbasis QR untuk pembeli, POS kasir, produk langganan catering B2B, dan dashboard operator. Dibangun di atas stack Vue + NestJS dengan messaging event-driven supaya banyak tenant dan kanal order tetap sinkron.

Hasil

4 produk di satu backend bersama
QR · POS · Catering · Dashboard
Multi-tenant, event-driven

Vue 3ViteNestJSNode.jsRabbitMQ+3 lainnya

Baca studi kasus

Online Dispute Resolution untuk Kasus Perbankan

Redek adalah platform Online Dispute Resolution (ODR) yang memandu individu menyelesaikan sengketa dengan bank. Ia mengubah proses yang buram dan penuh dokumen menjadi alur kerja terstruktur dan bertahap — pembuatan kasus, tahapan resolusi yang jelas, keputusan final, chat in-app, dan kalender — semua dalam satu dashboard.

Hasil

Lifecycle kasus bertahap & auditable
Chat + kalender on-platform
Satu dashboard untuk semua pihak

Vue 3ViteNestJSNode.jsRabbitMQ+3 lainnya

Baca studi kasus