← BACK TO PORTFOLIO
QA TOOLING

Doppelist

Tag ops toolkit for ad QA. Load MRAID tags, validate compliance, capture proof packs.

CLASSIFICATION:Next.jsTypeScriptAd TechMRAID
GitHubLive Demo
§00
ABSTRACT

QA-ing ad tags is tedious. Load a tag, check the macros, resize, take screenshots, record video, document everything. I built Doppelist to make that workflow faster. Drop in an MRAID tag or HTML5 zip. It auto-detects the ad platform (Celtra, DCM, Flashtalking, Sizmek). Run compliance checks for your target DSP. Capture screenshots or video. Export a proof pack with everything documented. Still building this one. Side project to scratch an itch from 13 years of creative ops.

VISUAL DOCUMENTATION[VIDEO]
§01
EQUIPMENT & MATERIALS
TECH STACK:
[01] Next.js 15[02] TypeScript[03] Tailwind CSS[04] Radix UI[05] FFmpeg WASM[06] MRAID 3.0
§02
WHAT IT DOES
  • 01Tag Ingestion with MRAID 3.0 mock environment. Paste a tag or upload an HTML5 zip.
  • 02Vendor Detection identifies Celtra, DCM, Flashtalking, Sizmek, Adform, Innovid automatically.
  • 03Size Controls for all IAB standard sizes plus custom dimensions.
  • 04Live Preview with background and border color controls for QA screenshots.
§03
COMPLIANCE ENGINE
  • 01DV360/CM360 checks for `${CLICK_URL}` macro.
  • 02The Trade Desk checks for `%%TTD_CLK%%` macro.
  • 03Xandr, Amazon DSP, Sizmek with their standard formats.
  • 04One-click macro fix inserts the right click macro for your target DSP.
  • 05File size limits (200KB), load time checks, HTTPS enforcement.
§04
PROOF PACK EXPORT

One button, full QA documentation. The proof pack bundles everything: QA report, screenshot, video recording, compliance results, event log, detected macros, original tag, modified tag, and metadata. Zip file, timestamped, ready to attach to a ticket or drop in Slack.

§05
TECH STACK

Next.js 15 with App Router. TypeScript throughout. Tailwind CSS 4 with Radix UI and shadcn/ui for components. FFmpeg WASM handles video recording and export. Everything runs client-side. No server, no uploads, no data leaving the browser.

§99
EXTERNAL LINKS
[LIVE]VIEW DEPLOYMENT →