Add drama
Create the content record and connect the source material.
Flagship case study / 01
DramaClips
Distribution & Attribution Platform
A live software product I built and operate for short-drama affiliate promotion.
The original workflow was fragmented across video files, AI and clipping tools, cloud storage, publishing tools, affiliate links, and performance data. DramaClips connects those pieces into one operational system.
It supports the real path from source media and AI-assisted hook generation through human review, publishing, audience routing, and attribution — and is used in commission-generating affiliate activity.
ROLEIndependent Product · Software EngineerSYSTEMFull Stack · Async Media · AttributionSTACKNext.js · TypeScript · PostgreSQL · Python · R2STATUSLive · Actively Operated
Business workflow
From source selection
to measurable audience action.
This is the operator's view of the business process. The technical system below exists to make each handoff durable and inspectable.
Upload episodes
Store source episodes as durable media assets.
Generate hooks
Create short-form candidates from selected episodes and creative direction.
Review clips
Inspect evidence, compare candidates, and approve the strongest clip.
Publish
Prepare captions and distribute across four social platforms.
DramaClips landing
Give viewers a public preview, referral code, and clear next action.
RS affiliate
Route eligible viewers to the affiliate destination and record the redirect outcome.
Create → Review → Publish → Measure → Learn → Create
Performance is not the end of the workflow — it becomes input for the next creative decision.
Interactive workflow · prepared walkthrough
Follow the operator flow,
from source to publish.
Select a prepared source, generate candidates, inspect why one is recommended, approve it, and move it downstream.
Prepared walkthrough · no production writes · illustrative evaluation data. The decision flow mirrors the production system.Interactive product demo
From source
to signal.
Explore the workflow as an operator: shape source material into reviewed creative, prepare distribution, and inspect the audience signals that come back.
01 · Video asset library
Choose what to make
1 Add drama→2 Generate hook→3 Publish
Revenge of the Black Swanrevenge-of-the-black-swan
Hooks readyThey Fed Me to the Zombies, Not Knowing I Was Their Powerepisode coverage · asset library
ReadyHe Chose Her, I Married the Mafia Donepisode coverage · asset library
ReadyA Farm Girl's Reckoningepisode coverage · asset library
ReadyReal product evidence
The workflow
operators actually use.
Screenshots from the live DramaClips system, distinct from the prepared interactive walkthrough above.
Architecture
A web control plane
around durable media work.
Next.js coordinates product state and operator actions. PostgreSQL and R2 keep jobs and media durable, while a Railway worker handles AI, transcription, and FFmpeg processing outside the request cycle.
Web application
Next.js operator UI and API routes
PostgreSQL control plane
Jobs, leases, state, review records, and tracking events
Cloudflare R2
Persistent source media, drafts, and approved assets
Railway worker
Python analysis, transcription, ranking, and FFmpeg rendering
Publishing workflow
Validation, scheduling, delivery, and outcome reconciliation
Public + redirect layer
Landing flow, referral code, encrypted destinations, and routing
Synchronous web flowAsynchronous worker flowPersistent storage + stateExternal/public boundary
Async media processing
Long-running video jobs keep persistent state, worker leases, visible progress, and retry handling.
Cloud media pipeline
Cloudflare R2 stores source and generated media while PostgreSQL keeps workflow state and references.
Reliable execution
Idempotency and PostgreSQL leasing prevent duplicate work and recover abandoned jobs; workers claim work with FOR UPDATE SKIP LOCKED.
Attribution
Connect each social clip
to the affiliate journey.
DramaClips retains useful context as viewers move from a social post through the public product toward an eligible RS affiliate destination.
Traffic arrives with content and distribution context.
Session-level behavior records meaningful funnel actions.
Eligible destinations are selected without exposing private affiliate URLs.
The redirect result is recorded as part of the commission-supporting workflow.
What this proves
Event-level attribution across drama, clip, platform, campaign, session behavior, and redirect outcome.
Factual boundaryDramaClips does not claim provider-supplied purchase-level conversion data.
Results · real-world validation
Built for a real workflow,
not a portfolio prompt.
DramaClips is live and actively operated. It replaces a fragmented set of files and browser tools with one inspectable workflow for creative preparation, four-platform delivery, audience signals, and real affiliate activity.
TikTok · Instagram · YouTube · Facebook
One coordinated publishing workflow
Job state, publishing outcomes, visits, code copies, and redirects
The end-to-end system supports real commission-generating activity
FROM PERFORMANCE BACK TO CREATIVE
The system connects what was distributed with what audiences did next. Those signals inform the next hook, source selection, and publishing decision.
Differentiating domain experience
Software engineering,
informed by spatial systems.
Before focusing on production software, I worked across architecture, computational design, digital fabrication, and visualization. That experience gives me unusually deep context for tools involving geometry, media, visual systems, and creative operators.
Open selected design work ↗About
A software engineer with deep design, 3D, and creative-workflow domain knowledge.
I build real systems that connect those domains with production software and applied AI. My path moved from design systems and computational geometry into automation, computer science, and full-stack engineering.
That combination lets me translate an ambiguous creative problem into a working prototype, define the system boundaries behind it, and carry it into an operable product.
Let's connect