Skip to content
AFM Studio

Work

Case studies across government, startup, and independent projects.

By source

By source

Status

By problem

Government

10 projects
Aksara
Live
GovernmentKnowledge PlatformWeb App

Aksara

Knowledge management platform for Indonesia's new-capital authority — a searchable home for OIKN's regulations, reports, and studies with an internal submit-and-approve workflow behind it

DjangoReactTypeScriptPostgreSQL+4
Daily Taqwa
Live
GovernmentInternal ToolWeb App

Daily Taqwa

Tamper-resistant prayer attendance system for ~2,000 OIKN government employees at Masjid Negara IKN

DjangoNext.jsTypeScriptPostgreSQL+3
Lantara v2
GovernmentPlatformWeb App

Lantara v2

Dynamic permit engine for IKN Nusantara — add a new permit type as configuration, not code

DjangoReactTypeScriptPostgreSQL+4
eKiosk IKN
Live
GovernmentSmart CityWeb App

eKiosk IKN

Two web control rooms for Nusantara: digital kiosk content management and real-time BRT fleet tracking with predictive ETAs

DjangoReactPostgreSQLLeaflet+4
E-Monev IKN
Live
GovernmentData PlatformWeb App

E-Monev IKN

Government platform monitoring Nusantara's construction progress across a 23-year development roadmap

DjangoNext.jsTypeScriptPostgreSQL+4
JDIH OIKN
Live
GovernmentWeb AppInternal Tool

JDIH OIKN

Government legal document portal with editorial workflow, tiered access control, and offline AI summaries

DjangoReactPostgreSQLRedis+4
Jejak Penanaman
Live
GovernmentMobile WebInternal Tool

Jejak Penanaman

Geofenced selfie check-in app for IKN tree-planting events, with plant species tracking and QR ticketing

DjangoReactPostgreSQLKeycloak+3
Dashboard SAKTI
Live
GovernmentData PlatformInternal Tool

Dashboard SAKTI

Automated budget monitoring platform pulling Kemenkeu expenditure data into a centralised OIKN dashboard

DjangoReactApache AirflowMySQL+2
Montara
GovernmentPlatformWeb AppPrivate / internal system

Montara

Construction monitoring platform tracking every IKN infrastructure project through a five-role approval workflow

Next.jsDjangoTypeScriptPostgreSQL+4
Edutara
GovernmentEducationWeb AppPrivate / internal system

Edutara

Government-grade learning platform re-built from scratch — courses, quizzes, graded assignments, and verifiable certificates

DjangoNext.jsTypeScriptPostgreSQL+4

Independent

40 projects
DoseRx
Live
Personal ProjectHealthcareWeb App

DoseRx

Weight-based medication dose calculator covering 92 drugs across four calculator modes, built for bedside clinical use as an offline PWA

ReactTypeScriptVitePWA+1
Cubiq
Personal ProjectML / AIWeb App

Cubiq

Dark-themed speedcubing trainer with a precision timer, WCA-standard analytics, and from-scratch solvers for all 8 major twisty puzzles

Next.jsTypeScriptReactTailwind CSS+3
Scimotion
Live
Personal ProjectContentWeb App

Scimotion

Interactive science library — 86 articles across 8 fields, each pairing clear explanation with a live, controllable animation

Next.jsTypeScriptMDXTailwind CSS+2
WA Daily Scrum Bot
Internal ToolAutomationBot

WA Daily Scrum Bot

WhatsApp bot that monitors a team group chat and sends escalating standup reminders with a weekly leaderboard

Node.jswhatsapp-web.jsDockerGitHub Actions+1
ClimateWatch
Live
Personal ProjectData PlatformWeb App

ClimateWatch

75 years of Indonesian climate history turned into plain visual answers for 75 cities — free, no login

DjangoNext.jsTypeScriptPostgreSQL+4
Chipfire
Live
Personal ProjectGameWeb App

Chipfire

A browser game of chain-reaction explosions — play a friend on another device with no server, no account, and no backend anywhere

Next.jsReactTypeScriptTailwind CSS+3
Falak
Live
Personal ProjectWeb AppAstronomy

Falak

Hijri calendar, prayer times, and qibla direction computed from real moon/sun astronomy — every verdict shows its numbers

Next.jsTypeScriptD3.jsWeb Workers+4
Faraid Visualizer
Live
Personal ProjectWeb AppIslamic Law

Faraid Visualizer

Islamic inheritance calculator that shows the full reasoning — every share traced to a Qur'an, hadith, or Indonesian state-law citation, with KHI and classical Syafi'i run side by side

PythonNext.jsTypeScriptPyodide+4
GempaWatch
Live
Personal ProjectData PlatformWeb App

GempaWatch

A free public site that tells anyone in Indonesia how earthquake-prone their own area is — using 57 years of official records, not just the latest tremor

DjangoPostGISPostgreSQLCelery+5
Quranlytics
Personal ProjectWeb AppML / AI

Quranlytics

Quran reader with a full analysis layer — word/root frequency, structural patterns, and semantic search across 6,236 verses

DjangoNext.jsTypeScriptPostgreSQL+4
Lontara
Live
Personal ProjectLanguage ToolWeb App

Lontara

A free tool for reading and writing the Bugis Lontara script — and, crucially, showing every possible reading when the script itself doesn't say which word is meant

Next.jsReactTypeScriptZod+2
Sanad
Personal ProjectWeb AppData Platform

Sanad

Hadith reader and analysis platform — interactive narrator-chain graphs, corpus analytics, and honest scholar-attributed grading

DjangoNext.jsTypeScriptPostgreSQL+4
Congklak
Live
Personal ProjectGameWeb App

Congklak

A browser congklak that lets you pick which region's rules you play by — each ruleset cited to its source — against a friend, the computer, or someone on another device

Next.jsReactTypeScriptZod+3
Myers Visualizer
Live
Personal ProjectDeveloper ToolWeb App

Myers Visualizer

An interactive tool that plays back, step by step, what happens inside `git diff` — and why it sometimes blames the wrong line

Next.jsReactTypeScriptTailwind CSS+3
Git Rebase Simulator
Live
Personal ProjectDeveloper ToolWeb App

Git Rebase Simulator

A safe sandbox to practise the scariest parts of Git — rebase, hard reset, force-push — and watch what actually happens to your commits, with real content-addressed hashes

Next.jsReactTypeScriptTailwind CSS+1
Stemmer Visualizer
Live
Personal ProjectLanguage ToolWeb App

Stemmer Visualizer

Takes an Indonesian word and shows, step by step, how the standard algorithm strips it to its root — including the steps it abandoned, and the cases where more than one root is genuinely possible

Next.jsReactTypeScriptZod+2
Raft Simulator
Live
Personal ProjectDeveloper ToolWeb App

Raft Simulator

Teaches how a fleet of servers agrees on one shared record — and lets you switch off individual safety rules to watch the system break in exactly the way the rule was there to prevent

Next.jsReactTypeScriptTailwind CSS+2
Terbilang
Live
Personal ProjectLibraryWeb App

Terbilang

Turns Indonesian numbers into the words required on invoices and cheques — 1.500 becomes seribu lima ratus — and reads them back, correctly, at any size an accounting system can throw at it

TypeScriptBigIntNext.jsReact+2
Selapan
Live
Personal ProjectCalendar ToolWeb App

Selapan

A Javanese calendar that converts any date into its traditional reckoning — and, unlike every other site that does this, shows the arithmetic behind each number and cites where the reference points came from

Next.jsReactTypeScriptZod+2
Spectrogram
Live
Personal ProjectAudio & DSPWeb App

Spectrogram

Turns sound into a picture in real time — speak, whistle or play into your mic and watch which pitches are present — with the underlying mathematics written from scratch, not borrowed from the browser

Next.jsReactTypeScriptWeb Audio API+3
Gizi Masakan
Live
Personal ProjectNutrition ToolWeb App

Gizi Masakan

Tells you the nutrition of Indonesian dishes — and shows the exact recipe it used to get that number, so you can correct it if your kitchen does it differently

Next.jsReactTypeScriptZod+2
KPR Simulator
Live
Personal ProjectFinance ToolWeb App

KPR Simulator

A free, ad-free Indonesian mortgage calculator that shows what happens after the bank's fixed-rate period ends — the part every other calculator leaves out — and the exact floating rate at which your instalment stops being affordable

Next.jsReactTypeScriptZod+2
Sketch Lab
Live
Personal ProjectDeveloper ToolWeb App

Sketch Lab

Shows how databases store approximate answers about huge amounts of data in a tiny fixed amount of memory — with the exact, slow version running side by side so you can watch how wrong the approximation actually is

Next.jsReactTypeScriptCanvas+2
Isolation Anomaly
Live
Personal ProjectDeveloper ToolWeb App

Isolation Anomaly

Hand-build two overlapping database transactions, watch exactly where they corrupt each other's data, then re-run the identical scenario against PostgreSQL, MySQL, SQL Server and Oracle to see the same code produce four different outcomes

Next.jsReactTypeScriptZod+2
Congestion Lab
Live
Personal ProjectNetworkingWeb App

Congestion Lab

Shows, packet by packet, how the internet decides how fast to send data — and why your video call stutters the moment someone in the house starts a download

Next.jsReactTypeScriptWeb Workers+2
Angklung Simulator
Live
Personal ProjectMusic & AudioWeb App

Angklung Simulator

A browser angklung that models the instrument's real constraint — one angklung plays exactly one note, so a song has to be shared across a room of people — with every sound computed from a physical model of a bamboo tube, not played back from a recording

Next.jsReactTypeScriptWeb Audio API+2
Tanggal Merah
Live
Personal ProjectCalendar ToolWeb App

Tanggal Merah

An Indonesian holiday planner that shows the year's public holidays and works out exactly where to spend annual leave for the longest stretches off — while making explicit the rule most people get wrong: whether cuti bersama is charged against your leave

Next.jsReactTypeScriptZod+2
Nusantara Languages
Live
Personal ProjectData PlatformWeb App

Nusantara Languages

An interactive map of Indonesia's 726 languages, coloured by family, with a genealogical tree wired to the map — hover a branch and every territory in that group lights up, and the other way around

Next.jsReactTypeScriptZod+3
Tide Analysis
Live
Personal ProjectScience & DataWeb App

Tide Analysis

A site that watches the tide, does the math itself from raw sea-level readings, and tells you honestly when it doesn't have enough data to trust its own answer — instead of quoting numbers someone else calculated

Next.jsReactTypeScriptSVG+2
Anatomi Rupiah
Live
Personal ProjectEducationWeb App

Anatomi Rupiah

A bilingual explainer that teaches how to spot the genuine security features on Indonesian banknotes — using original illustrated diagrams instead of photos of money, because photographing currency for this is legally restricted

Next.jsReactTypeScriptWebGL+4
Zero Shadow Day
Live
Personal ProjectAstronomyWeb App

Zero Shadow Day

A free tool that tells anyone in Indonesia the exact two days a year the sun stands directly overhead where they live — and lets them re-run Eratosthenes' 2,200-year-old measurement of the Earth's circumference with a partner elsewhere in the country

Next.jsReactTypeScriptWebGL+2
Pola Hujan
Live
Personal ProjectData PlatformWeb App

Pola Hujan

Indonesia doesn't have one rainy season — it has three rainfall patterns, and this atlas derives them from satellite data instead of copying the official map

Next.jsReactTypeScriptTailwind CSS+4
Bentuk Kota
Live
Personal ProjectData PlatformWeb App

Bentuk Kota

Measures the street layouts of 33 Indonesian neighbourhoods twice — once by car, once on foot — because the standard academic metric only sees the driving network and misreads a kampung completely

Next.jsReactTypeScriptTailwind CSS+4
Periodic Lens
Live
Personal ProjectEducationWeb App

Periodic Lens

An interactive periodic table that explains why the table has its famous shape — by animating the physics rule that builds it — and shows which elements Indonesia digs out of the ground as a share of world production

Next.jsReactTypeScriptTailwind CSS+4
Rumah Adat Nusantara
Live
Personal Project3D & ArchitectureEducation

Rumah Adat Nusantara

An interactive collection of 35 traditional Indonesian buildings, each computed from the cultural rules that govern it — a household's rank, a family count, a body measurement — so changing one number rebuilds the structure in front of you

Next.jsReactTypeScriptthree.js+2
Query Planner
Live
Personal ProjectDeveloper ToolData Visualization

Query Planner

A browser-based SQL query planner and executor that shows every plan a database considered — not just the one it picked — and puts its estimate next to the truth at every step, so you can see exactly where and why it guessed wrong

ReactTypeScriptViteVitest+1
Mixed Traffic Simulator
Live
Personal ProjectSmart CityData Visualization

Mixed Traffic Simulator

A browser simulator of Indonesian motorcycle-dominated traffic that runs the controlled experiment no field study can — proving the standard "one motorcycle equals 0.25 cars" planning constant is an artefact of how it was measured, not a fact about traffic

ReactTypeScriptViteVitest+2
Anatomi QRIS
Live
Personal ProjectFinance ToolData Visualization

Anatomi QRIS

An interactive explainer that takes any text — including a real QRIS payment code — and shows exactly how it turns into a QR matrix, down to selecting a field in the payload and watching the specific black squares carrying those bytes light up

ReactTypeScriptViteVitest+1
Suara ke Kursi
Live
Personal ProjectCivic TechData Visualization

Suara ke Kursi

Shows how 151.8 million Indonesian votes became 580 parliamentary seats, and lets anyone drag the election threshold or swap the divisor method and watch the entire parliament recompose seat by seat

ReactTypeScriptViteD3+2
Compression Lab
Live
Personal ProjectDeveloper ToolData Visualization

Compression Lab

Shows what a piece of text actually costs to store, and how that cost changes depending on how much a compressor is allowed to remember about it — with every number, including the cost of the model itself, computed live from code written from scratch

ReactTypeScriptViteVitest+1