Portfolio — 2026Bekasi, Indonesia
Solving problems across
software, design,
and infrastructure.
Rifa'iAryo Ananta.
IT Lead · Fullstack Developer · IT Support
Systems Architect · DevOps Engineer · Creative Frontend
Network Infrastructure · 3D WebGL · Multimedia
View work
Scroll to explore
SYSTEM ARCHITECTURE // TOPOLOGY [ARCH-01]
ENTERPRISE EVENT-DRIVEN BACKENDBUS: 1,200 req/sec
Industrial K3 Statutory Compliance Engine
Disnaker PJK3 statutory lifecycle with ACID immutable audit ledger and real-time inspector updates.
BEKASI, INDONESIA · 06°14'S 107°00'EAVAILABLE FOR SYSTEMS ARCHITECTURE & FULLSTACK ENGINEERING
Fullstack Development✦UI/UX Design✦AI Projects✦IT Support✦Network Engineering✦Electrical Engineering✦Photography✦Multimedia✦Fullstack Development✦UI/UX Design✦AI Projects✦IT Support✦Network Engineering✦Electrical Engineering✦Photography✦Multimedia✦
Selected work08 projects
MORIKU · Industrial K3 Compliance Engine
Disnaker Jawa Barat
Fase:16 Stages Pipeline
01PO / SPK / PROPOSAL
MKT1
SPK-2026-0920IN SLA (2d)
PT INDOFOOD CBP SUKSES
4 Unit Bejana Tekan, 2 Unit Kompresor
02Verifikasi Dokumen
ADM0
Tarik kartu ke sini
03Penjadwalan
ADM0
Tarik kartu ke sini
04PELAKSANAAN RU
TRU1
SPK-2026-0891OVERDUE 7/1d
PT ASTRA HONDA MOTOR
2 Unit Pesawat Uap (Boiler Form 6)
TIM RIKSA UJI: ADI OCTA PR
04bAktualisasi Unit
MKT0
Tarik kartu ke sini
05Penyusunan LHPP
TRU1
SPK-2026-0928DRAFTING LHPP
PT UNILEVER INDONESIA
Instalasi Listrik & Penyalur Petir (Form 55 L)
TIM RIKSA UJI: ADI OCTA PR
06Review Laporan Teknis
AHLI0
Tarik kartu ke sini
07Verifikasi ke Dinas
ADM0
Tarik kartu ke sini
08Proses Disnaker
ADM1
SPK-2026-0902IN DISNAKER (14d)
PT DENSO INDONESIA
5 Unit Forklift Diesel, 2 Unit Genset
TIM RIKSA UJI: DENI STEVAN
09Pengurusan Suket
ADM0
Tarik kartu ke sini
10Invoice & Kwitansi
FIN1
SPK-2026-0915INVOICE ISSUED
PT KALBE FARMA TBK
2 Unit Passenger Lift, 1 Unit Dumbwaiter
11Penagihan / Follow-up
MKT0
Tarik kartu ke sini
11bVerifikasi Bayar: Lunas
FIN1
SPK-2026-0935PAID / PENDING SUKET
PT TOYOTA MOTOR MFG
Proteksi Kebakaran Hydrant (Form 65 K)
11cKirim SUKET ke Klien
MKT0
Tarik kartu ke sini
12Final Financial Closing
FIN0
Tarik kartu ke sini
16Selesai & Arsip
SUP0
Tarik kartu ke sini
PT Delta Nusantara Persada · Disnaker PJK3 Accredited16 Statutory Stages · 6 Active Units
01
Enterprise Workflow
Industrial K3 Compliance Engine
Laravel 11 · React 19 Inertia · PostgreSQL · Disnaker Statutory SLA Pipeline
02
3D WebGL & Shaders
Indonesian 3D Material Studies
Three.js · Raja Ampat Coral Reef & Ulun Danu Meru Temple · Realtime GLSL
03
3D Web & Interactive Landing Page
TATA$
Vue 3 · Three.js · Interactive 3D Bag Showcase Landing Page · RoomEnvironment IBL
Kaprodi Algorithm Center
Live Cohort UPI-CS-2026
Student CandidateMatched Advisor & Score
#1UPI-CS-2026-003 (Aditya)
Dr. Hendra, M.T.96.4%
#2UPI-CS-2026-007 (Nadia)
Prof. Suryo, Ph.D.94.8%
#3UPI-CS-2026-012 (Rizky)
Dr. Farida, M.Kom.91.2%
#4UPI-CS-2026-018 (Zahra)
Dr. Bambang, M.Eng.89.5%
Active Model: Bipartite Optimal Matching88 Passing Tests (100%)
04
Systems & Algorithms
Academic Thesis Docket
Laravel REST API · MySQL · Gale-Shapley & Hungarian Matching
#4821Billing edge case on payment
2h leftOpen
#4820User can't reset password
4h leftOpen
#4819Report export stuck at 0%
6h leftIn Progress
#4817Dark mode flicker on Safari
Resolved
Live · Realtime via PusherWA connected
05
Enterprise Support
Delta IT Helpdesk
Next.js 16 · Laravel 11 · Meta WhatsApp Cloud API · Soketi WebSockets
BEKASI CADASTRE · BEKASI AERIAL PHOTO SAMPLE · 06°14'S 107°00'E
Spatial AI & GISSTANDBY · ON DEMAND

Geopetak Spatial GIS Engine

Interactive multi-layer geospatial interface utilizing a real-world Bekasi Aerial Photo sample to reveal physical aerial photography, underground infrastructure, and vector cadastral mesh layers.

Vue 3 · Three.js Canvas · 3-Layer Spatial X-Ray · GSAP · Sample: Bekasi Aerial Photo
Interactive 3-layer canvas inspection · Bekasi Aerial Photo Sample
06
Spatial AI & GIS
Geopetak Web
Vue 3 · Three.js Canvas · 3-Layer Spatial X-Ray · GSAP (Bekasi Aerial Photo Sample)
DATA COMMUNICATION BUS // PIPELINE FLOWgemini-2.0-flash
THROUGHPUT: ~820msSCHEMA: VALIDATED
NODE [03] GEMINI 2.0 FLASH · Multimodal Vision OCR & JSON SchemaCLICK NODES TO INSPECT PAYLOADS
Whole Foods Market · Food & Diningamount: $64.20
reasoning: “Itemized grocery produce & bakery goods identified on receipt invoice”confidence: 98.4%
07
AI / Full-stack
AI Expense Tracker
Next.js 16 · Express · Prisma · Google Gemini 2.0 Flash
Makna Works Branding & Visual Identity Moodboard
Brand Guidelines
🔍View Brand Guidelines
MAKNA WORKSBrand Guidelines & Design System
08
Brand & Design Systems
Makna Works Brand Guidelines
Brand Guidelines · Visual Identity & Geometric Design System
Disciplines08 total
01Fullstack / Web DevelopmentNext.js · Node.js · PostgreSQL · Docker
02UI/UX DesignFigma · Research · Prototyping · A/B
03AI ProjectsLangChain · RAG · Agents · Python
04IT SupportTroubleshooting · Helpdesk · Infrastructure
Show more disciplines
05Electrical EngineeringSchematics · PCB · Systems Design
06Network EngineeringCisco · Routing · VLAN · Security
07MultimediaVideo · Motion · Audio · Editing
08PhotographyPortrait · Environment · Brand Identity
AboutThe person behind the work
Bekasi, Indonesia — 2025
Who I am

I build systems that are as
considered in their architecture
as in their surface.

I operate at the intersection of software, design, and infrastructure — building products and systems that solve real problems with precision. Every project follows a structure: understand the problem deeply, think through constraints, execute with intention, measure the result.

The depth isn't always visible. But it's always there.

08Disciplines
2+Years active
∞Systems built
Get in touch

Let's build
something
together.

Open to freelance projects,
collaborations, and full-time roles.
Based in Bekasi, Indonesia — working globally.

Emailrifaiaryoananta@email.com →LinkedInlinkedin.com/in/rifai-aryo-ananta →GitHubgithub.com/nantaa →Instagram@rfrynny →CodePenhttps://codepen.io/Rifai-Aryo-Ananta →