50° Echo Geometry · Manifest-Driven · Independently Reviewed

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 entries Manifest source: /portfolio.json (version 1)

Web Applications

2 entries
Echo Review shell at 1440px showing the Round 3 selector, side-by-side review sidebar reflow, and numbered pin #1 on a synthetic fixture page.
Web Applications Boat: GigChase
Synthetic QA fixture inside the Echo Review shell (Echo itself is behind sign-in; no client project data is shown).
Type: Review & Feedback Platform · Style: Editorial Precision Shell

Echo Review App — Multi-Round Option Comparison & Point-and-Comment Feedback Shell

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
Three-step Quoteway quote flow diagram showing server-side integer-cent pricing, UUID idempotency, and consent-gated dataLayer contract.
Web Applications Boat: 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

Quoteway — Server-Priced Lead Estimator & Consent-Gated Analytics (Demo)

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
Live Meissner.Services homepage showing the 'An inkling is enough' headline, parallel execution diagram, and theme switcher.
Brand & Marketing Sites Boat: GigChase
Live screenshot of https://meissner.services/ (checked 2026-10-16).
Type: Brand & Intake Website · Style: Dark/Light Editorial Typography

Meissner.Services — Public Brand & Project-Intake Site

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
Desktop view of The Maître d’, with Kenny Round 3 proposition concept showing the echoed-Kenny host, 50-degree Echo Slash, size slider, and six-course layout.
Brand & Marketing Sites Boat: 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.
Type: Interactive Proposition Page · Style: Warm Editorial Hospitality

Meissner.Services Proposition — “The Maître d’, with Kenny”

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
Responsive English and Spanish Meissner.Services concept page with language toggle.
Brand & Marketing Sites Boat: GigChase
Own-site responsive English/Spanish design concept verified across desktop and 390px phone viewports.
Type: Bilingual Web Interface · Style: Bilingual Editorial Layout

Responsive English & Spanish Bilingual Website Concept

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
Architecture diagram of the deployed /api/contact D1 intake endpoint, poller task handoff, and 90-day tombstone erasure flow.
Backend & API Pipelines Boat: 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

Privacy-Preserving Contact Intake & Tombstone Erasure Pipeline

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
Architecture diagram of the Relay HMAC-SHA256 webhook receiver, SQLite transactional outbox, and retry/dead-letter state machine.
Backend & API Pipelines Boat: GigChase
Own-work synthetic webhook and transactional outbox demo with local mock CRM sink.
Type: Webhook & Outbox Middleware (Demo) · Style: Transactional Systems Architecture

Relay HMAC Webhook Receiver & SQLite Transactional Outbox (Demo)

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
SVG brand specimen showing the 50-degree Echoed-Kenny mark, 50-degree Echo Slash, and five-band chromatic palette.
Brand & Motion Systems Boat: GigChase
Parametric SVG brand specimen rendering the approved 50° Echoed-Kenny mark and 50° Echo Slash geometry.
Type: SVG Identity System · Style: 50° Geometric Chromatic Echo

50° Echoed-Kenny Mark & Echo Slash Parametric Brand System

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 workflow mapper and dependency planner showing a 10-step, 7-stage CSV and Google Sheets plan.
Interactive Explainers & Tools Boat: 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

Interactive Workflow Mapper & Dependency Planner (“How We Work” Explainer)

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 project scope and change comparison tool highlighting scope additions and review gates.
Interactive Explainers & Tools Boat: GigChase
Own-work interactive scope comparison decision aid demonstrating how delivery changes are surfaced.
Type: Scope Comparison Tool · Style: Structured Decision Aid

Interactive Project Scope & Change Comparison Explainer

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
Browser CSV cleaner showing synthetic before-and-after records with duplicate and blank rows removed.
Data & Spreadsheet Tooling Boat: GigChase
Own-work browser CSV cleaner running on synthetic sample records.
Type: Browser Data Utility (Demo) · Style: Before-and-After Data Inspector

Browser CSV Cleaner with Deterministic Before-and-After Preview

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.

Tools used
  • JavaScript
  • CSV
  • Data Cleaning
  • HTML/CSS
KPI Reconciliation Pipeline diagram and sample integer-cent snapshot summary from the synthetic demo.
Data & Spreadsheet Tooling Boat: GigChase
Own-work synthetic KPI reconciliation demo (CSV + PostgreSQL + n8n workflow export + Python report generator).
Type: ETL & Reconciliation Pipeline (Demo) · Style: Auditable Financial Snapshot

KPI Snapshot & Integer-Cent Reconciliation Pipeline (Demo)

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.

Tools used
  • Python
  • PostgreSQL
  • n8n
  • SQL
  • CSV
  • HTML/CSS

Automation & Agent Tooling

1 entry
Architecture diagram of TheHull and GigChase GTD task lease ledger, Echo poller, portfolio audit gate, and independent review workflow.
Automation & Agent Tooling Boat: TheHull / GigChase
In-house multi-agent task ledger, artifact seal registry, and independent review automation.
Type: Operations Kernel & CLI Tooling · Style: Deterministic Ledger & Gate System

TheHull & GigChase — Multi-Agent GTD Ledger & Verification Tooling

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.

Tools used
  • Python
  • SQLite
  • Git
  • Systemd
  • Playwright
  • Cloudflare Workers