Diba Portfolio.
Fullstack Application
Studi Kasus Unggulan

TruBrush.

Platform portofolio seni digital karya buatan manusia dan pemesanan komisi berbasis escrow dengan proteksi kanvas.

trubrush/screenshot-1.png
1 / 4
TruBrush screenshot 1
trubrush/screenshot-2.png
2 / 4
TruBrush screenshot 2
trubrush/screenshot-3.png
3 / 4
TruBrush screenshot 3
trubrush/screenshot-4.png
4 / 4
TruBrush screenshot 4
Geser atau klik panah untuk melihat galeri4 Screenshots
Bagian 1: Ringkasan Proyek

Latar Belakang Proyek

Ringkasan

TruBrush adalah platform portofolio seni digital dan pemesanan komisi karya berbasis escrow aman yang didedikasikan khusus untuk karya buatan manusia (human-made art).

Tantangan Masalah

Maraknya seni generatif AI memicu krisis kepercayaan terhadap keaslian karya digital. Di sisi lain, transaksi komisi freelance konvensional rentan terhadap risiko klien kabur (ghosting) dan pembajakan karya tanpa izin sebelum pelunasan.

Masalah & Solusi Kunci

P1

Banjir Konten AI & Hilangnya Visibilitas Karya

→

Feed publik eksklusif melalui sistem kurasi dengan validasi bukti proses (sketsa, layer, dan video timelapse).

P2

Pencurian Aset & Scraping Liar Browser

→

Proteksi browser otomatis: pencegahan klik kanan/drag, tirai window blur anti-screenshot, dan perlindungan media stream.

P3

Pelanggaran Hak Cipta & Kerentanan Finansial

→

Perlindungan hak cipta via label kurasi terverifikasi, didukung sistem pembayaran aman Escrow dan mediasi sengketa transparan.

Bagian 3: Alat & Metodologi

Tumpukan Teknologi

Frontend

Next.js 16React 19TypeScriptTailwind CSS v4ZustandTanStack Query v5

Backend

NestJS 11TypeScriptPrisma ORMPostgreSQLBcryptJWT HttpOnly

Testing & Quality

Playwright E2EJest Unit TestingBiome LinterBun Runtime

Deployment

Vercel (Frontend)Railway (Backend API)Swagger OpenAPI
Metodologi & Strategi

Tujuan & Pendekatan Arsitektur

Tujuan Utama

  • Membangun alur verifikasi bukti proses (WIP) untuk memastikan keaslian karya buatan manusia.
  • Menerapkan sistem pembayaran komisi berbasis escrow aman dengan isolasi transaksi atomik.
  • Mengamankan kanvas visual dari pembajakan langsung melalui proteksi sisi klien.
  • Menyediakan dashboard transparan untuk mediasi sengketa, sistem strike, dan audit finansial.

Solusi & Arsitektur

Merancang arsitektur decoupled fullstack (Next.js 16 App Router di frontend dan NestJS 11 4-tier di backend). Menerapkan kurasi manual bukti proses (sketsa/timelapse WIP), isolasi transaksi escrow di database, serta proteksi kanvas browser anti-snipping.

Bagian 2: Hasil Kerja & Pencapaian

Hasil & Keluaran

Hasil & Fitur Terkirim

  • Membangun sistem pembayaran escrow: mengunci dana komisi klien di muka dan memotong platform fee 5% otomatis (seniman menerima 95% bersih saat karya disetujui).
  • Mengembangkan antrean kurasi bukti karya (sketsa, video timelapse, layer) sebelum karya dapat dipublikasikan ke galeri umum.
  • Mengimplementasikan proteksi kanvas sisi klien (blur otomatis saat window kehilangan fokus dan penonaktifan klik kanan).
  • Membangun dashboard kurator & admin untuk mediasi sengketa refund, penalti strike seniman, dan pelacakan metrik transaksi kas.

Pencapaian Utama & Kualitas Kode

  • 26 Unit Test Spec Files (NestJS + Jest) menguji Controller & Service pada seluruh 13 modul bisnis.
  • 7 Playwright E2E Test Suites menguji alur kritis: RBAC, Curation, Escrow, dan Sanitization.
  • Integrasi dokumentasi REST API interaktif OpenAPI (Swagger) pada deployment Railway.

Dampak & Nilai Tambah

Memberikan perlindungan hak cipta dan rasa aman finansial bagi seniman manusia, serta menghilangkan risiko penipuan transaksi komisi seni digital.

Peta Jalan Masa Depan

Rencana Pengembangan Mendatang

Aplikasi Mobile

iOS / Android

Portofolio seniman & manajemen transaksi komisi langsung via aplikasi mobile native.

Deteksi AI Otomatis

Machine Learning

Pipeline machine learning computer vision untuk deteksi awal indikasi artefak AI secara otomatis.

Glaze Data Protection

AI Protect

Integrasi cloaking seni digital (Glaze) untuk melindungi gaya ilustrasi dari scraping model AI.

Monetisasi Membership

Premium

Skema membership langganan premium untuk fitur analitik komisi, prioritas kurasi, dan badge seniman pro.

Marketplace Global

Multi-mata uang

Dukungan transaksi lintas batas negara dengan multi-currency payment gateway dan konversi kurs otomatis.

Jelajahi Lebih Banyak

Proyek Pilihan Lainnya

Fullstack
Unggulan

Revoshop

Platform e-commerce online store modern dengan sistem keranjang belanja, checkout, dan role-based authentication.

Frontend
Unggulan

Todos Apps

Aplikasi task management interaktif dengan persistensi browser local storage.

Punya rencana proyek atau ingin membangun sesuatu bersama?

Saya terbuka untuk posisi full-time, kontrak, maupun mendiskusikan inovasi produk digital.