{
  "version": 1,
  "site": "https://portfolio.meissner.services",
  "updated_at": "2026-10-16T10:38:00Z",
  "entries": [
    {
      "id": "echo-review-app",
      "title": "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": "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.",
      "category": "Web Applications",
      "product_type": "Review & Feedback Platform",
      "style": "Editorial Precision Shell",
      "tools": [
        "Cloudflare Workers",
        "Cloudflare D1",
        "Cloudflare R2",
        "JavaScript",
        "HTML/CSS",
        "Playwright"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "screenshot",
        "src": "/media/echo-review-app.png",
        "alt": "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.",
        "caption": "Synthetic QA fixture inside the Echo Review shell (Echo itself is behind sign-in; no client project data is shown)."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "meissner-services-site",
      "title": "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": "Shows we can design and ship fast, accessible static brand sites with dark and light theme persistence and interactive process walkthroughs.",
      "category": "Brand & Marketing Sites",
      "product_type": "Brand & Intake Website",
      "style": "Dark/Light Editorial Typography",
      "tools": [
        "HTML/CSS",
        "JavaScript",
        "SVG Geometry",
        "Responsive Design",
        "Playwright"
      ],
      "boat": "GigChase",
      "live_url": "https://meissner.services/",
      "media": {
        "kind": "screenshot",
        "src": "/media/meissner-services-site.png",
        "alt": "Live Meissner.Services homepage showing the 'An inkling is enough' headline, parallel execution diagram, and theme switcher.",
        "caption": "Live screenshot of https://meissner.services/ (checked 2026-10-16)."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "meissner-proposition-maitre",
      "title": "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": "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.",
      "category": "Brand & Marketing Sites",
      "product_type": "Interactive Proposition Page",
      "style": "Warm Editorial Hospitality",
      "tools": [
        "HTML/CSS",
        "JavaScript",
        "SVG Geometry",
        "Responsive Design",
        "Playwright"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "screenshot",
        "src": "/media/meissner-proposition-maitre.png",
        "alt": "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.",
        "caption": "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."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "echo-contact-intake-pipeline",
      "title": "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": "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.",
      "category": "Backend & API Pipelines",
      "product_type": "Lead Intake & Erasure API",
      "style": "Zero-PII Ledger Architecture",
      "tools": [
        "Cloudflare Workers",
        "Cloudflare D1",
        "Python",
        "SQLite",
        "REST API"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "svg",
        "src": "/media/echo-contact-intake-pipeline.svg",
        "alt": "Architecture diagram of the deployed /api/contact D1 intake endpoint, poller task handoff, and 90-day tombstone erasure flow.",
        "caption": "Architecture diagram of the deployed /api/contact D1 intake, poller handoff, and 90-day retention and email-to-erase flow."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "echo-slash-brand-motion",
      "title": "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": "Shows we can translate art-direction feedback into mathematical SVG coordinate systems and reusable vector brand components across dark and light themes.",
      "category": "Brand & Motion Systems",
      "product_type": "SVG Identity System",
      "style": "50° Geometric Chromatic Echo",
      "tools": [
        "SVG Geometry",
        "HTML/CSS",
        "JavaScript"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "svg",
        "src": "/media/echo-slash-brand-motion.svg",
        "alt": "SVG brand specimen showing the 50-degree Echoed-Kenny mark, 50-degree Echo Slash, and five-band chromatic palette.",
        "caption": "Parametric SVG brand specimen rendering the approved 50° Echoed-Kenny mark and 50° Echo Slash geometry."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "interactive-workflow-dependency-planner",
      "title": "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": "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.",
      "category": "Interactive Explainers & Tools",
      "product_type": "Workflow & Process Explainer",
      "style": "Interactive Technical Diagram",
      "tools": [
        "JavaScript",
        "HTML/CSS",
        "Workflow Automation",
        "UI Design"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "screenshot",
        "src": "/media/interactive-workflow-dependency-planner.png",
        "alt": "Interactive workflow mapper and dependency planner showing a 10-step, 7-stage CSV and Google Sheets plan.",
        "caption": "In-house workflow mapper and dependency planner widget (rule-based planning demo on synthetic steps, not a live account connector)."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "interactive-scope-change-comparison",
      "title": "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": "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.",
      "category": "Interactive Explainers & Tools",
      "product_type": "Scope Comparison Tool",
      "style": "Structured Decision Aid",
      "tools": [
        "JavaScript",
        "HTML/CSS",
        "UI Design"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "screenshot",
        "src": "/media/interactive-scope-change-comparison.png",
        "alt": "Interactive project scope and change comparison tool highlighting scope additions and review gates.",
        "caption": "Own-work interactive scope comparison decision aid demonstrating how delivery changes are surfaced."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "browser-csv-cleaner-preview",
      "title": "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": "Shows we can build fast, zero-upload browser data utilities with deterministic cleanup rules and immediate visual diff inspection on synthetic datasets.",
      "category": "Data & Spreadsheet Tooling",
      "product_type": "Browser Data Utility (Demo)",
      "style": "Before-and-After Data Inspector",
      "tools": [
        "JavaScript",
        "CSV",
        "Data Cleaning",
        "HTML/CSS"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "screenshot",
        "src": "/media/browser-csv-cleaner-preview.png",
        "alt": "Browser CSV cleaner showing synthetic before-and-after records with duplicate and blank rows removed.",
        "caption": "Own-work browser CSV cleaner running on synthetic sample records."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "bilingual-en-es-website-concept",
      "title": "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": "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.",
      "category": "Brand & Marketing Sites",
      "product_type": "Bilingual Web Interface",
      "style": "Bilingual Editorial Layout",
      "tools": [
        "HTML/CSS",
        "JavaScript",
        "Responsive Design",
        "Spanish (ES)"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "screenshot",
        "src": "/media/bilingual-en-es-website-concept.png",
        "alt": "Responsive English and Spanish Meissner.Services concept page with language toggle.",
        "caption": "Own-site responsive English/Spanish design concept verified across desktop and 390px phone viewports."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "kpi-reconciliation-pipeline",
      "title": "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": "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.",
      "category": "Data & Spreadsheet Tooling",
      "product_type": "ETL & Reconciliation Pipeline (Demo)",
      "style": "Auditable Financial Snapshot",
      "tools": [
        "Python",
        "PostgreSQL",
        "n8n",
        "SQL",
        "CSV",
        "HTML/CSS"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "svg",
        "src": "/media/kpi-reconciliation-pipeline.svg",
        "alt": "KPI Reconciliation Pipeline diagram and sample integer-cent snapshot summary from the synthetic demo.",
        "caption": "Own-work synthetic KPI reconciliation demo (CSV + PostgreSQL + n8n workflow export + Python report generator)."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "relay-webhook-outbox-integration",
      "title": "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": "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.",
      "category": "Backend & API Pipelines",
      "product_type": "Webhook & Outbox Middleware (Demo)",
      "style": "Transactional Systems Architecture",
      "tools": [
        "Python",
        "SQLite",
        "Webhooks",
        "HMAC-SHA256",
        "REST API"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "svg",
        "src": "/media/relay-webhook-outbox-integration.svg",
        "alt": "Architecture diagram of the Relay HMAC-SHA256 webhook receiver, SQLite transactional outbox, and retry/dead-letter state machine.",
        "caption": "Own-work synthetic webhook and transactional outbox demo with local mock CRM sink."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "quoteway-consent-gated-lead-form",
      "title": "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": "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.",
      "category": "Web Applications",
      "product_type": "Interactive Quote & Lead Flow (Demo)",
      "style": "Privacy-First Interactive Form",
      "tools": [
        "Python",
        "SQLite",
        "JavaScript",
        "HTML/CSS",
        "Playwright"
      ],
      "boat": "GigChase",
      "live_url": null,
      "media": {
        "kind": "svg",
        "src": "/media/quoteway-consent-gated-lead-form.svg",
        "alt": "Three-step Quoteway quote flow diagram showing server-side integer-cent pricing, UUID idempotency, and consent-gated dataLayer contract.",
        "caption": "Own-work synthetic 3-step quote and consent-gated analytics demo (GA4 and notification sinks are simulated locally)."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    },
    {
      "id": "hull-multi-agent-automation-tooling",
      "title": "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": "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.",
      "category": "Automation & Agent Tooling",
      "product_type": "Operations Kernel & CLI Tooling",
      "style": "Deterministic Ledger & Gate System",
      "tools": [
        "Python",
        "SQLite",
        "Git",
        "Systemd",
        "Playwright",
        "Cloudflare Workers"
      ],
      "boat": "TheHull / GigChase",
      "live_url": null,
      "media": {
        "kind": "svg",
        "src": "/media/hull-multi-agent-automation-tooling.svg",
        "alt": "Architecture diagram of TheHull and GigChase GTD task lease ledger, Echo poller, portfolio audit gate, and independent review workflow.",
        "caption": "In-house multi-agent task ledger, artifact seal registry, and independent review automation."
      },
      "replaces": null,
      "added_at": "2026-10-16"
    }
  ]
}