Diba Portfolio.
Fullstack Application
Featured Case Study

TruBrush.

A human-made digital art portfolio and secure escrow commission platform with client-side canvas protection.

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
Swipe or click arrows to view gallery4 Screenshots
Section 1: Project Summary

Project Background

Overview

TruBrush is a dedicated digital art showcase and escrow-powered commission platform tailored specifically for authentic, human-made art.

Problem Statement

The influx of generative AI has sparked a crisis of trust regarding the authenticity of digital artwork. Meanwhile, traditional freelance art commissions are plagued by client ghosting, payment disputes, and unauthorized asset snipping before final payout.

Core Problems & Solutions

P1

AI Influx & Loss of Human Artwork Visibility

→

Exclusive public feed governed by a curation system validating sketches, layers, and timelapse videos.

P2

Asset Theft & Unchecked Browser Scraping

→

Automated browser defense: drag/context menu prevention, defocus window blur shield, and media streaming protection.

P3

Copyright Infringement & Payment Vulnerability

→

Certified human-art labels backed by secure Escrow payments and a transparent dispute arbitration dashboard.

Section 3: Tools & Method

Technical Stack

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
Methodology & Strategy

Objectives & Methodology

Objectives

  • Architect a Work-In-Progress (WIP) proof verification workflow ensuring human creation authenticity.
  • Implement a secure escrow commission payment system with atomic transaction isolation.
  • Defend visual artwork from direct browser ripping via client-side canvas protection shields.
  • Deliver transparent dashboards for dispute mediation, strike penalties, and financial auditing.

Solution & Architecture

Engineered a decoupled full-stack architecture (Next.js 16 App Router on frontend and a 4-tier NestJS 11 backend). Implemented manual curation queues for WIP verification, database-level escrow fund isolation, and browser canvas security controls.

Section 2: Scope of Work & Achievements

Results & Output

Outcomes & Delivered Features

  • Built an escrow payment engine: locking client commission funds upfront and automatically taking a 5% platform fee (artists net 95% upon milestone approval).
  • Constructed a multi-step curation pipeline (sketches, layer proofs, timelapse video) before artworks are showcased to public feeds.
  • Integrated client-side canvas defenses (automatic blur shield upon browser window defocus and right-click guard).
  • Developed comprehensive curator & admin portals for dispute refund arbitration, artist strike logging, and cash flow auditing.

Key Achievements & Engineering Rigor

  • 26 NestJS + Jest Unit Test Spec Files verifying Controllers and Services across all 13 business domain modules.
  • 7 Playwright End-to-End Test Suites validating critical user paths: RBAC, Curation, Escrow, and Sanitization.
  • Interactive Swagger OpenAPI documentation seamlessly deployed on Railway backend infrastructure.

Impact & Key Value

Provides ironclad copyright reassurance and financial peace of mind for human creators, mitigating fraud and establishing genuine trust in digital art commissioning.

Future Roadmap & Next Steps

Future Planned Expansions

Mobile Application

iOS / Android

Artist portfolio browsing and direct commission order management via native mobile apps.

Automated AI Detection

Machine Learning

Computer vision ML pipeline to flag initial indicators of generative AI artifacts automatically.

Glaze Data Cloaking

AI Protect

Integration of style-cloaking filters (Glaze) shielding art styles from unauthorized model scraping.

Creator Membership Tier

Premium

Monthly subscription for advanced business analytics, priority curation queues, and verified pro badges.

Global Marketplace

Multi-currency

Cross-border payment gateway support with automated exchange rates and localized payouts.

Explore More

Other Featured Projects

Fullstack
Featured

Revoshop

Modern e-commerce platform featuring interactive cart state, checkout simulation, and role-based authentication.

Frontend
Featured

Todos Apps

Interactive task management web app with persistent browser local storage and reactive filtering.

Have a project in mind or want to build something together?

I am open to full-time roles, contracts, and discussing innovative software products.