loading / hajar dulu

Nyalain Tariq.

Server lagi pemanasan. UI lagi dandan. Nama folder masih dipikirin dikit.

rpm gauge14.8k

$ tariqctl boot --portfolio

$ kernel_status: siap gas

$ nginx_proxy: active

$ dev_mindset: ganti pake rsync

$ operator: kalem, mostly

Tariq / Portfolio

Lagi diputar / Last.fm × Apple Music

NIKI - Oceans & Engines

Nicole / mock

rec • 00:00:00
TARIQ / PORTFOLIO 2026#OPENFORWORK

Creative engineer.

Hai, Kenalin! Namaku Muhammad Azka Attariq Hendriatmoko, panggil aja Tariq. Sehari-hari kerjaannya kalo ga nugas, nulis frontend, dan ngurus sistem yang diam-diam kerja di bawahnya.

Kenalan dulu yuk
HUMAN / SISTEM / VISUAL
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
PERSONAL / OFF-DUTY

Di luar kerja.Hal-hal yang memang kusuka.

Personality check

ISTP / Aquarius

Bongkar dulu, pahami sambil jalan.

Rute rumah

BJM / SBY-SDA

Asal Banjarmasin, sekarang Surabaya dan Sidoarjo.

Life stat

2x survivor

Cancer lewat dua kali. Masih lanjut bikin hal.

Ferrari

Race ritual

Tifosi / Scuderia Ferrari

Race weekend punya jadwal sendiri.

Valorant

Game break

Valorant

Tempat kabur sebentar dari tab kerja.

Old dream

Pilot pesawat

Cita-cita pertama sebelum kenal server.

Hands-on

Elektronik + gear head

Senang bongkar perangkat dan diagnosis kendaraan.

Reset button

Masak

Cara paling masuk akal buat istirahat.

SINYAL SEKARANG / 03

Masih belajar.Masih bikin sesuatu.

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 yh. :D

Aku pindah-pindah antara desain, frontend, dan infrastructure karena keputusan paling berguna sering muncul di titik ketiganya ketemu.

Hero / rail / aboutSubject locked

Aku kuliah Medical Technology di ITSGedung rektorat Institut Teknologi Sepuluh NopemberSukolilo / 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]

Bikin. Jalankan. Pahami.

Engineering di sini bukan logo wall. Ini jalur dari keputusan interface sampai runtime dan mesin yang harus menopangnya.

01
Bikin

Product surface full-stack

Implementasi interface, data flow, dan struktur aplikasi yang masih enak disentuh besok.

02
Jalankan

Operasi server

Linux runtime, Pterodactyl, Nginx proxying, deployment, dan diagnosis lewat log yang nyata.

03
Tuning

Performa yang sadar hardware

Tuning workstation Ryzen, perhatian ke thermal, dan workflow development yang nggak boros.

Next.jssurfaceloadedTailwind CSSlayoutloadedLaravelbackendloadedLivewirereactiveloadedNode.jsruntimeloadedDockercontainerloadedDebiansystemloadedUbuntusystemloadedNginxproxyloadedPterodactylpanelloaded
Still life gelap untuk arah kreatif Tariq

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
  • FigmaFigma
  • Canva
  • Camera / Photo
Karya pilihan / arsip horizontal

Dibangun lintas stack.

Preview project PlayZero Billing
01
Custom 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 / 07

Buka project

playzero.id/dashboard

Preview project Zaqua Studio
02
Supporting studio / Design + Devaktif

Zaqua Studio

Practice pendukung untuk custom software, theme, dan extension billing-system di sekitar ekosistem PlayZero.id.

Posisi arsip

02 / 07

Status data

Terdokumentasi

Preview project Zerodactyl
03
Deskripsi menyusuldraft

Zerodactyl

Detail project bakal ditambah setelah scope dan kontribusinya terverifikasi.

Posisi arsip

03 / 07

Status data

Nunggu detail

Preview project Sonata
04
Template / $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 / 07

Buka project

sonata.tariqdev.xyz

Preview project LucentUI
05
Theme / Paymenter Marketplaceaktif

LucentUI

Theme premium Paymenter yang mengubah billing dan client area standar jadi modern, minimal, dan beneran enak dipakai.

Logo ekosistem LucentUI
Posisi arsip

05 / 07

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.

Logo ekosistem Tripay Integration
Posisi arsip

06 / 07

Status data

Terdokumentasi

07
Unggulandirilis

Tariq Portfolio System

Portfolio dark-editorial dengan personal lore, Last.fm sync, galeri sinematik, hidden CLI, dan kecemasan struktur folder.

Posisi arsip

07 / 07

Status data

Terdokumentasi

Mulai / fokus PlayZero.idAkhir / sistem portfolio
[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
Founder

PlayZero.id

Melanjutkan dan memfokuskan bisnis hosting yang sebelumnya bernama ZeroCloud menjadi PlayZero.id, dari product surface sampai mesin yang jalan di belakangnya.

02
Studio

Zaqua Studio

Studio digital untuk custom software, script, theme, dan plugin development dengan perhatian serius ke visual language.

03
Commercial

Tripay + Paymenter

Membuat dan memublikasikan integrasi payment gateway Tripay sebagai extension commercial untuk Paymenter.

Pendidikan dan bahasa

Medical Technology - ITS

Kuliah

Undergraduate Teknologi Kedokteran ITS. Belajar di persimpangan software, hardware, anatomi, dan fisiologi manusia.

SMA Hang Tuah 2 Gedangan

SMA

SMA biasa, tapi sempat jadi OSIS yang katanya sih keren. KURMER APA-APAAN JIR?

Bahasa Indonesia / English

Bahasa

Bahasa sehari-hari ya Indo-English campur. English aman, TOEFL 620, cukup buat baca docs tanpa nangis.

[06]

Ada masalah nyata? Buka channel.

Kalau konteks, scope, dan deadline-nya jelas, kirim email. Kita mulai dari masalahnya dulu.

Kontak utamatariq@tariqdev.xyz
Kirim email