IDENTITY / 01
Who is he?Get to know me.
Kerjaanku pindah-pindah antara visual references, implementasi frontend, dan infrastruktur yang bikin produknya tetap hidup.
SUBJEK YANG SAMASCROLL / TRANSIT
rec • 00:00:00
TARIQ / PORTFOLIO 2026#OPENFORWORK
Creative engineer.
Hai, aku Tariq. Portfolio ini merangkum produk, sistem, dan visual yang memang pernah kubangun, tanpa angka tempelan atau klaim yang dibesar-besarkan.
Kenalan dulu yukHUMAN / SISTEM / VISUAL
System
Engineering
Interface, aplikasi, deployment, dan runtime.
Image
Creative
Video, foto, design direction, dan cara karya dipresentasikan.
Proof
Selected work
PlayZero dan project terpilih dibahas dengan konteksnya.
[01]
Eits. Kenalan dulu yuk!
Hero / rail / aboutSubject locked
Aku kuliah Medical Technology di ITS
Sukolilo / SurabayaInstitut Teknologi Sepuluh Nopember dan banyak menghabiskan waktu buat desain produk, nulis frontend, serta memahami gimana sistem di bawahnya bekerja.
Aku paling cepat belajar lewat hal yang bisa dibongkar, diuji, lalu dirakit ulang. Makanya rasa penasaranku nyambung dari perangkat medis ke interface, server, kamera, sampai mesin.
[02]
What i do
Bikin
Product surface full-stack
Implementasi interface, data flow, dan struktur aplikasi yang masih enak disentuh besok.
Jalankan
Operasi server
Linux runtime, Pterodactyl, Nginx proxying, deployment, dan diagnosis lewat log yang nyata.
Tuning
Performa yang sadar hardware
Tuning workstation Ryzen, perhatian ke thermal, dan workflow development yang nggak boros.
Next.jssurfaceloaded
Tailwind CSSlayoutloaded
Laravelbackendloaded
Livewirereactiveloaded
Node.jsruntimeloaded
Dockercontainerloaded
Debiansystemloaded
Ubuntusystemloaded
Nginxproxyloaded
Pterodactylpanelloaded
Jalur kreatif / kamera + pixel
Frame. Ritme. Hening.
Video, photo, design. Berangkat dari rasa suka ke pacing, frame, dan kontras. Dibawa ke visual yang terasa mahal tanpa jadi norak.
Karya terbaru / Video
Makrab Tekdok 25.Yang paling baru dari timeline.
Dokumentasi Makrab Teknologi Kedokteran 2025. Potongan suasana, momen, dan energi acara yang dirangkai menjadi satu video.
Toolkit kreatif.
Premiere Pro
After Effects- Figma
Canva- Camera / Photo
[04]
Where it all started
PlayZero.id sekarang jadi fokus utama product, frontend, deployment, dan hosting operations-ku. Zaqua serta project lain tetap ditampilkan sebagai practice pendukung dan arsip kerja.
PLAYZERO.ID / GAME + APP HOSTING
primary signalFokus utama / current build
PlayZero.id
PlayZero.id adalah evolusi dari ZeroCloud dan sekarang jadi fokus utamaku: game dan app hosting berbasis di Surabaya untuk Minecraft, FiveM, Node.js, VPS, dan web hosting.
Di PlayZero aku bergerak dari product surface dan visual language sampai development, deployment, dan server operations. Zaqua Studio tetap hidup sebagai practice pendukung untuk theme dan extension.
Buka playzero.idKarya pilihan / arsip horizontal
Geser contact sheet-nya.Dibangun lintas stack.
01Custom billing / Full-stack integrationaktif
PlayZero Billing
Sistem billing custom yang menghubungkan homepage, dashboard pelanggan, dan Zerodactyl. Dibangun sebagai dua surface terpisah: playzero untuk frontend dan playzero-api untuk backend.
Core stack
Next.js / Drizzle / NestJS / BullMQ
Terhubung ke
Homepage / Billing / Zerodactyl
Posisi arsip
01 / 06
Buka project
playzero.id/dashboard
02Supporting studio / Design + Devaktif
Zaqua Studio
Practice pendukung untuk custom software, theme, dan extension billing-system di sekitar ekosistem PlayZero.id.
Posisi arsip
02 / 06
Status data
Terdokumentasi
03Deskripsi menyusuldraft
Zerodactyl
Detail project bakal ditambah setelah scope dan kontribusinya terverifikasi.
Core stack
React / Laravel / MySQL / Redis / Docker
Terhubung ke
Pterodactyl / Zerodactyl
Posisi arsip
03 / 06
Status data
Nunggu detail
04Template / $25 di BuiltByBitaktif
Sonata
Template landing page premium untuk brand hosting game dan aplikasi, lengkap dengan pricing table, spesifikasi hardware, dan integrasi dashboard.
Posisi arsip
04 / 06
Buka project
sonata.tariqdev.xyz
05Theme / Paymenter Marketplaceaktif
LucentUI
Theme premium Paymenter yang mengubah billing dan client area standar jadi modern, minimal, dan beneran enak dipakai.
Posisi arsip
05 / 06
Buka project
lucentui.orbyte.id
06
Commercial Paymenter Extensionaktif
Tripay Integration
Plugin integrasi payment gateway Tripay yang dibuat dan dipublikasikan secara commercial untuk ekosistem Paymenter.
Posisi arsip
06 / 06
Status data
Terdokumentasi
[05]
Perjalanan, bukan scorecard.
Pendidikan, engineering, operations, dan visual work berjalan paralel dalam praktik yang sama. Kemampuan dijelasin lewat konteks, bukan angka yang sok presisi.
01
FounderPlayZero.id
Melanjutkan dan memfokuskan bisnis hosting yang sebelumnya bernama ZeroCloud menjadi PlayZero.id, dari product surface sampai mesin yang jalan di belakangnya.
02
StudioZaqua Studio
Studio digital untuk custom software, script, theme, dan plugin development dengan perhatian serius ke visual language.
03
CommercialTripay + Paymenter
Membuat dan memublikasikan integrasi payment gateway Tripay sebagai extension commercial untuk Paymenter.
Pendidikan dan bahasa
Medical Technology - ITS
KuliahUndergraduate Teknologi Kedokteran ITS. Belajar di persimpangan software, hardware, anatomi, dan fisiologi manusia.
SMA Hang Tuah 2 Gedangan
SMASMA biasa, tapi sempat jadi OSIS yang katanya sih keren. KURMER APA-APAAN JIR?
Bahasa Indonesia / English
BahasaBahasa sehari-hari ya Indo-English campur. English aman, TOEFL 620, cukup buat baca docs tanpa nangis.
