Fathan Fadly®
Start a conversation
Jakarta, Indonesia WIB
Portfolio — Vol. 2026Open for work

FathanFFFig. 001Est. 2021Fadly.

Full-Stack EngineeringAI & Real-Time SystemsCreative DevelopmentSystem Architecture

Architecting resilient distributed systems, real-time voice intelligence, and cinematic digital craft. Based in Jakarta, Indonesia [UTC+7].

Selected WorkStart a project
35+
PRODUCTION APPLICATIONS
<180ms
VOICE AI LATENCY P95
99.9%
CORE WEB VITALS SCORE
5+
YEARS OF CRAFT
02 — About the engineer

I build systems
that feel
effortless.

Most software fails quietly: slow queries, fragile state, interfaces that make people think. I work across the stack to remove that friction — from database schemas and real-time pipelines to the last pixel on screen.

Senior software engineer specializing in low-latency web platforms, real-time voice AI agents, and cinematic 60fps digital experiences. Focused on clean domain architecture, zero-runtime overhead, and thoughtful interface craft.

Based inJakarta, Indonesia [UTC+7]
FocusFull-stack / AI / Creative web
Experience5+ years shipping production
StatusAvailable for High-Impact Roles & Architecture Sprints
Work with me
01 — Selected work(6) Production systems

Selected
work

Real systems, shipped and maintained. Open a tile to inspect the architecture, decisions, and measurable outcomes behind each build.

SYS // 012025 - 2026
AI & Real-Time

Direserve AI Voice Engine

Autonomous WebRTC Voice Concierge & Clinic Booking Pipeline

180ms RTTAUDIO LATENCY
Next.js 15WebRTCFastAPI
SYS // 022025
Creative & 3D

Apex Velocity Observability Cockpit

High-Frequency WebSocket Stream Analytics & Spatial 3D Engine

120,000/sEVENT INGEST
Three.jsWebGL ShadersTypeScript
SYS // 032024
Full-Stack

Dental Care Sleman OS

Omnichannel Clinic Operating System & Patient Booking Portal

99.98%UPTIME SLA
Next.jsPostgreSQLPrisma
SYS // 042024
Creative & 3D

AeroForm Design Token Compiler

Zero-Runtime Design System Compiler & Physics Token Generator

0.24s WASMCOMPILE SPEED
React 19Rust WASMTailwind CSS
SYS // 052024
Distributed Systems

PulseFlow Concurrency Worker

High-Throughput Distributed Task Engine & Event Pipeline

45k Ops/secTHROUGHPUT
Go (Golang)Redis StreamsDocker
SYS // 062023
Distributed Systems

CyberTrack Zero-Vault

Client-Side Cryptographic Credential Vault & Audit Chains

AES-GCM-256ENCRYPTION
TypeScriptWebCrypto APINext.js
Showing 6 of 6
03 — Capabilities(04) Engineering disciplines

What I
do.

Four disciplines, one operating principle: remove complexity from the user's side and keep it legible on the engineering side. Expand any row to inspect the toolchain and benchmarks.

Crafting fluid, high-performance user interfaces that combine mathematical precision, 60fps micro-interactions, and resilient state architecture.

Core capabilities
  • Next.js App Router, React Server Components (RSC), and Turbopack bundler pipelines
  • Spatial 3D experiences with Three.js, WebGL GLSL shaders, and procedural geometry
  • Kinetic motion orchestration with GSAP, ScrollTrigger, and CSS hardware acceleration
  • Strict TypeScript domain modeling with zero-leak state boundaries and Zod validation
Benchmark rating
React 19 & Next.js Ecosystem98%
TypeScript Strict Mode96%
Three.js & WebGL Graphics90%
Tailwind CSS v4 & Motion98%
snippet.ts
Production pattern
// High-Performance Zero-GC Particle Loop
const updateParticles = (count: number, positions: Float32Array) => {
  for (let i = 0; i < count; i++) {
    const idx = i * 3;
    positions[idx + 1] += Math.sin(time * 0.002 + i) * 0.05;
  }
  geometry.attributes.position.needsUpdate = true;
};
Zero-runtime overheadTypesafe domain
04 — Research & open source(4) Experiments

The
lab.

Where the useful and the strange overlap. Audio DSP, WebGL, agentic protocols, and small tools built to answer a question.

01Audio DSP & Web API

WebAudio Micro-Synthesizer

Zero-dependency procedural sound generator for interactive web applications using pure Web Audio API oscillator nodes.

Web Audio APITypeScriptDSP Physics
Source
02Creative 3D & GLSL

Spatial Topology Mesh

Interactive 40,000 particle simulation reactive to cursor velocity and audio frequencies with custom GLSL shaders.

Three.jsWebGLGLSL Shaders
ACTIVE — 60 FPS LockedSource
03Agentic AI Protocol

MCP Autonomous Dev Bridge

Model Context Protocol server connecting local terminal workflows to real-time project state telemetry.

MCP SDKNode.jsTerminal CLI
PROTOTYPE — 12 Tools ActiveSource
04CSS Algorithms

Fluid Typography Mathematical Curve

Dynamic formula generator that calculates linear interpolation clamp() values for non-linear responsive design.

MathematicsCSSTypeScript
SHIPPED — 420★ StarsSource
Interactive CV / No forms

Ask the
terminal.

Prefer to read like an engineer? Query the live console for projects, skills, contact details, or the profile summary. Every command runs locally in your browser.

help — list commands
projects — production systems
skills — stack benchmarks
fathan@sys — interactive cv
FATHAN.SYS — Interactive CV v2.6.4 (darwin-arm64)
Type "help" or click a shortcut to explore the system.
fatan@sys:~$cat status.json
{
  "architect": "Fathan Fadly Hidayat",
  "role": "Full-Stack Software Engineer",
  "specialization": "Real-Time AI & Distributed Systems",
  "latencyP95": "<180ms",
  "status": "AVAILABLE_FOR_CONTRACTS_AND_ROLES"
}
Try:
fatan@sys:~$
05 — Track record(4) Roles & milestones

Experience

A track record of shipping production software, leading builds, and turning ambiguous problems into systems people can rely on.

01 / LEAD ARCHITECT
2025 — PRESENT
Jakarta / Remote

Lead Systems & Voice AI Architect

Enterprise AI & Healthcare Platforms

Spearheaded low-latency conversational audio AI architecture and clinical booking systems, managing distributed full-stack squads and enterprise client integrations.

Selected outcomes
  • Architected sub-200ms WebRTC voice AI intake engine processing 24,000+ patient sessions monthly
  • Constructed zero-downtime database migration pipelines with 99.98% delivery reliability
  • Mentored senior frontend and backend engineers in type-safe full-stack best practices
02 / 1ST PLACE WINNER
2024
Jakarta, Indonesia

Hackathon Winner & Team Lead

National Web & AI Innovation League

Won 1st place in competitive national developer hackathon by building a real-time conversational audio agent with synchronized interactive web visualizers.

Selected outcomes
  • Built working prototype in under 36 hours featuring sub-second voice synthesis and WebGL graphics
  • Recognized by judges for outstanding technical execution, interface polish, and architectural clarity
03 / DESIGN SYSTEMS LEAD
2023 — 2024
Yogyakarta / Sleman

Senior Frontend & Creative Technologist

Digital Product Labs & Studio

Led client web application development, establishing modular design systems, kinetic motion foundations, and Core Web Vitals optimization.

Selected outcomes
  • Delivered 15+ production applications with 100% Core Web Vitals compliance
  • Built custom Rust WASM token compiler that sped up styling pipelines by 15x
  • Collaborated with product designers to bridge the gap between design tokens and production code
04 / FULL-STACK CORE
2021 — 2023
Yogyakarta, Indonesia

Full-Stack Software Engineer

Software Development Consultancies

Designed transactional database schemas, REST APIs, and responsive administrative dashboards for healthcare, e-commerce, and logistics clients.

Selected outcomes
  • Built resilient relational schemas in PostgreSQL with Prisma ORM and automated integration tests
  • Maintained 99.9% uptime SLA across client portals with Dockerized deployments
06 — Toolkit(12) Systems in rotation
Hover to pause