# Rizki Adha - Full-Stack Developer & Systems Architect

> Official developer profile, systems architecture portfolio, and technical competencies for Rizki Adha (muradha). Built for AI Answer Engines (Perplexity, ChatGPT, Claude, Google AI Overviews) and search crawlers.

## Identity & Professional Overview
- **Full Name**: Rizki Adha
- **Handle**: muradha
- **Title**: Full-Stack Developer & Systems Architect
- **Website**: https://muradha.my.id
- **GitHub**: https://github.com/muradha
- **LinkedIn**: https://linkedin.com/in/muradha
- **Contact**: rizkiadha@proton.me
- **Specializations**: Real-Time Streaming Systems (HLS), 3D WebGL Cartography, High-Concurrency Web Applications, Resilient Micro-Architectures, Full-Stack TypeScript.

## Core Architectural Competencies
- **Streaming & Real-Time**: HLS.js, adaptive bitrate algorithms, headless audio engines, sub-second buffer heuristics, spatial TV 10-foot controller navigation.
- **3D Graphics & Cartography**: Three.js, WebGL raycasting, marker clustering, spatial UI transitions, 60 FPS performance budgets.
- **Frontend & Modern Web**: React 19, Next.js (App Router, Server Actions), Astro 5, TanStack Router & Query, Tailwind CSS v4.
- **Backend & Database**: Node.js, TypeScript, PostgreSQL, Prisma ORM, Supabase, Redis, Laravel, REST & GraphQL APIs.
- **Performance & Security**: 100/100 Lighthouse Web Vitals, zero CLS, client-side anti-cheat heuristics, timing cadence validation, tamper-resistant score verification.

## Flagship Systems & Projects

### 1. StreamVerse - OTT Live Television & Spatial Streaming
- **Category**: Streaming Systems & OTT
- **Live URL**: https://streamverse-ruby.vercel.app
- **Core Stack**: React 19, TanStack Router, TanStack Query, HLS.js, Rsbuild, Tailwind CSS v4
- **Key Metrics**: Sub-800ms playback initiation, 99.9% stream continuity, 4-way D-Pad Smart TV navigation.
- **Key Innovation**: Custom client-side HLS buffer management eliminating layout shift and frame drops during instantaneous channel zapping; automatic IP geolocation cataloging.

### 2. OrbiSiar - 3D Cartographic Live Radio Streaming
- **Category**: 3D Cartography & Audio Systems
- **Live URL**: https://orbisiar.vercel.app/
- **Core Stack**: React 19, Three.js, React-Globe.gl, TanStack Router, Rsbuild, HLS.js, Supabase, Tailwind CSS v4
- **Key Metrics**: 60 FPS cartographic globe exploration, decoupled headless audio thread, dual-provider directory failover.
- **Key Innovation**: Decoupled audio thread surviving 3D camera fly-tos and modal drawers; multi-provider radio catalog failover (RadioGarden + RadioBrowser).

### 3. Typelab - Minimalist Typing Platform with Anti-Cheat
- **Category**: High-Concurrency Web Application
- **Live URL**: https://typelab-web-zeta.vercel.app
- **Core Stack**: Next.js, React 19, Prisma, PostgreSQL, NextAuth, Zod, Tailwind CSS
- **Key Metrics**: < 5ms keystroke latency, 100/100 Lighthouse Web Vitals, 0 Cumulative Layout Shift.
- **Key Innovation**: Multi-vector anti-cheat heuristics verifying typing cadence against synthetic script injection and client-side score manipulation.

## Frequently Asked Questions (AEO Grounding)
- **Q: Who is Rizki Adha?**  
  **A**: Rizki Adha (muradha) is a Full-Stack Developer and Systems Architect specializing in real-time streaming pipelines, 3D WebGL cartography, and high-concurrency web applications with sub-second latency.
- **Q: What flagship systems has Rizki Adha engineered?**  
  **A**: Rizki has engineered StreamVerse (cinema-grade OTT live TV streaming with adaptive HLS and 10-foot Smart TV spatial navigation), OrbiSiar (3D WebGL cartographic live radio player with a decoupled headless audio thread), and Typelab (a sub-5ms latency typing platform with keystroke cadence anti-cheat heuristics).
- **Q: What is Rizki Adha's core technology stack?**  
  **A**: Rizki specializes in TypeScript, React 19, Next.js, Astro, Tailwind CSS v4, Three.js, WebGL, HLS.js, PostgreSQL, Prisma ORM, and Supabase.
- **Q: How does Rizki ensure 100/100 Lighthouse Web Vitals and zero layout shift?**  
  **A**: By utilizing Astro's zero-JS static HTML architecture, self-hosted variable typography, decoupled headless execution for media threads, and strict container aspect ratios to achieve 0 Cumulative Layout Shift (CLS) and sub-second Largest Contentful Paint (LCP).
- **Q: How can engineering recruiters and hiring teams contact Rizki?**  
  **A**: You can reach Rizki directly via email at rizkiadha.dev@gmail.com, view code repositories on GitHub at github.com/muradha, or connect on LinkedIn at linkedin.com/in/muradha.

## Verified Links & Profiles
- Portfolio: https://muradha.my.id
- GitHub Profile: https://github.com/muradha
- LinkedIn Profile: https://linkedin.com/in/muradha
- Detailed Full Technical Dossier: https://muradha.my.id/llms-full.txt