Real systems we built, organised by what they prove we can deliver.
Every entry below is driven by a versioned repository manifest (portfolio.json) and backed by a registered portfolio evidence digest and independent review. Filter or group our work by Tools Used, Product Types, Styles, Categories, or Boat.
Truth Standard: Only real work we built.Privacy: Zero private client data or unapproved client names.Echo Items: Shown by synthetic screenshot/clip because Echo is behind sign-in.
Categories
Product Types
Styles
Tools Used
Boat
Showing 13 of 13 verified entriesManifest source: /portfolio.json (version 1)
Web Applications
2 entries
Web ApplicationsBoat: GigChase
Synthetic QA fixture inside the Echo Review shell (Echo itself is behind sign-in; no client project data is shown).
What it is
Design review application built for client and internal design reviews on Cloudflare Workers, D1, and R2. Supports side-by-side option rounds, point-and-comment pins, voice-memo attachments, device-local draft recovery, and desktop stage reflow so the review panel does not cover the page.
What it shows we can do
Shows we can build full-stack serverless web applications on Cloudflare Workers, D1, and R2 with responsive iframe stage reflow, point-and-comment feedback persistence, and automated headless-browser verification.
Tools used
Cloudflare Workers
Cloudflare D1
Cloudflare R2
JavaScript
HTML/CSS
Playwright
Web ApplicationsBoat: GigChase
Own-work synthetic 3-step quote and consent-gated analytics demo (GA4 and notification sinks are simulated locally).
Type: Interactive Quote & Lead Flow (Demo)·Style: Privacy-First Interactive Form
What it is
An own-work synthetic three-step quote and lead capture demo where Python enforces integer-cent pricing, SQLite stores idempotent lead and notification rows in one transaction, and browser dataLayer events fire only when analytics consent is active.
What it shows we can do
Shows we can build conversion and quote flows that refuse client-side price tampering, recover drafts across page reloads, and strictly exclude personal fields from analytics event payloads.
Tools used
Python
SQLite
JavaScript
HTML/CSS
Playwright
Brand & Marketing Sites
3 entries
Brand & Marketing SitesBoat: GigChase
Live screenshot of https://meissner.services/ (checked 2026-10-16).
What it is
Our live public site at meissner.services presenting how Brian Meissner and the AI engineering crew turn project ideas into working prototypes, with light and dark theme switching, project intake, and design-gallery access requests.
What it shows we can do
Shows we can design and ship fast, accessible static brand sites with dark and light theme persistence and interactive process walkthroughs.
Tools used
HTML/CSS
JavaScript
SVG Geometry
Responsive Design
Playwright
Brand & Marketing SitesBoat: GigChase
Round 3 concept for the Meissner.Services proposition, under review in Echo: a six-course guided walk-through with the echoed-Kenny host, the 50° Echo Slash and a contact bill posting to our intake API.
What it is
A six-course interactive hospitality-styled proposition walk-through for Meissner.Services featuring the echoed-Kenny host, the 50° Echo Slash divider, a size slider (shrinks to unreadable, then Kenny walks out), three tasting plates, and a live contact-intake bill.
What it shows we can do
Shows we can design and ship distinctive, narrative-driven brand websites with custom SVG geometry, dark and light editorial typography, and accessible interactive controls verified across desktop and mobile viewports.
Tools used
HTML/CSS
JavaScript
SVG Geometry
Responsive Design
Playwright
Brand & Marketing SitesBoat: GigChase
Own-site responsive English/Spanish design concept verified across desktop and 390px phone viewports.
Type: Bilingual Web Interface·Style: Bilingual Editorial Layout
What it is
An own-site Meissner.Services design concept with instant English and Spanish language switching and responsive layout adaptation verified across desktop and 390px mobile viewports.
What it shows we can do
Shows we can ship bilingual (EN/ES) web interfaces with independently reviewed Spanish copy (verified via back-translation), clean state toggling, and mobile-first responsive typography.
Tools used
HTML/CSS
JavaScript
Responsive Design
Spanish (ES)
Backend & API Pipelines
2 entries
Backend & API PipelinesBoat: GigChase
Architecture diagram of the deployed /api/contact D1 intake, poller handoff, and 90-day retention and email-to-erase flow.
Type: Lead Intake & Erasure API·Style: Zero-PII Ledger Architecture
What it is
Public contact and project-request intake endpoint deployed on Cloudflare Workers and D1 (/api/contact and /api/contact/erase) paired with an idempotent Python poller that files structured crew tasks while keeping visitor personal data in erasable D1 storage with automatic 90-day retention.
What it shows we can do
Shows we can engineer abuse-resistant public intake APIs (per-IP salted SHA-256 rate limiting, global hourly caps, honeypot filtering, and 32 KB streamed body bounds) with verifiable tombstone erasure and zero third-party form SaaS dependencies.
Tools used
Cloudflare Workers
Cloudflare D1
Python
SQLite
REST API
Backend & API PipelinesBoat: GigChase
Own-work synthetic webhook and transactional outbox demo with local mock CRM sink.
Type: Webhook & Outbox Middleware (Demo)·Style: Transactional Systems Architecture
What it is
An own-work synthetic Python and SQLite webhook integration demo with HMAC-SHA256 signature verification, replay-window enforcement, payload-hash idempotency keys, and an exponential-backoff outbox dispatcher.
What it shows we can do
Shows we can build reliable API and webhook middleware that survives downstream 429 and 503 outages without dropping or double-sending events, backed by automated retry and dead-letter inspection.
Tools used
Python
SQLite
Webhooks
HMAC-SHA256
REST API
Brand & Motion Systems
1 entry
Brand & Motion SystemsBoat: GigChase
Parametric SVG brand specimen rendering the approved 50° Echoed-Kenny mark and 50° Echo Slash geometry.
What it is
Parametric SVG brand mark and divider geometry for Meissner.Services built around the approved 50-degree up-left echo vector, five-band chromatic trail (#DF1629, #25543F, #987130, #142436, #14171A), and 0.82^i geometric decay.
What it shows we can do
Shows we can translate art-direction feedback into mathematical SVG coordinate systems and reusable vector brand components across dark and light themes.
Tools used
SVG Geometry
HTML/CSS
JavaScript
Interactive Explainers & Tools
2 entries
Interactive Explainers & ToolsBoat: GigChase
In-house workflow mapper and dependency planner widget (rule-based planning demo on synthetic steps, not a live account connector).
Type: Workflow & Process Explainer·Style: Interactive Technical Diagram
What it is
An in-house Meissner.Services interactive planning explainer that maps selected tools (such as CSV and Google Sheets) into a ten-step, seven-stage dependency graph showing parallelizable steps and ownership.
What it shows we can do
Shows we can build clear, interactive technical explainers and rule-driven planning aids in vanilla JavaScript where users can select tools, inspect the generated stages, edit dependencies, and copy the plan.
Tools used
JavaScript
HTML/CSS
Workflow Automation
UI Design
Interactive Explainers & ToolsBoat: GigChase
Own-work interactive scope comparison decision aid demonstrating how delivery changes are surfaced.
Type: Scope Comparison Tool·Style: Structured Decision Aid
What it is
An in-house Meissner.Services decision aid that compares an agreed baseline scope against requested changes, highlighting volume increases and new credential requirements alongside original deliverables.
What it shows we can do
Shows we can turn complex delivery and scope-management rules into transparent, client-friendly interactive interfaces that make trade-offs explicit before work is re-baselined.
Tools used
JavaScript
HTML/CSS
UI Design
Data & Spreadsheet Tooling
2 entries
Data & Spreadsheet ToolingBoat: GigChase
Own-work browser CSV cleaner running on synthetic sample records.
Type: Browser Data Utility (Demo)·Style: Before-and-After Data Inspector
What it is
An in-house browser utility on Meissner.Services that normalizes messy CSV data client-side—removing duplicate and blank rows, trimming whitespace, and previewing exact row diffs before download.
What it shows we can do
Shows we can build fast, zero-upload browser data utilities with deterministic cleanup rules and immediate visual diff inspection on synthetic datasets.
What it is
An own-work synthetic data pipeline demo combining an exported n8n workflow, a PostgreSQL schema, and a deterministic Python runner that reconciles daily order and refund CSVs into integer-cent KPI snapshots and self-contained HTML reports.
What it shows we can do
Shows we can build auditable ETL and financial reconciliation pipelines where duplicate source rows are deduplicated, unreferenced refunds or negative totals fail loudly, and every KPI card reconciles to the cent.
What it is
Our internal Python operations kernel and cargo tooling that coordinates multi-agent task leases, git file claims, Echo feedback polling, portfolio artifact registration, and independent review gates.
What it shows we can do
Shows we can build AI agent orchestration and delivery tooling designed so changes, browser captures, and deployments carry content digests and independent review before release.