Portfolio

What I have built, and what it does.

13 projects with my role, the features I owned and the stack. Most were delivered as an engineer at Cracker Digital Media for its clients; they are not my products. My own products are at the bottom.

Built at Cracker Digital Media

Platforms I engineered in production.

Delivered as an engineer at Cracker Digital Media for its clients: SaaS, booking, AI dispatch, publishing, marketplaces and finance sites.

Actionable HQ production login and SSO interfaceCracker Digital Media

Actionable HQ

Live

Engineer at Cracker Digital Media

Team accountability and behaviour-change SaaS with 10K+ registered users — AI commitments, real-time chat, and multi-channel engagement.

  • Built the core AI commitment engine with OpenAI — vague goals become structured commitments with milestone notifications
  • Real-time threaded chat with nested replies and emoji reactions on Vuex high-frequency state
  • WhatsApp Business API + push notifications for check-in consistency and retention
  • Fixed a critical AU-region Safari cookie incident with zero data loss; +30 Lighthouse, −40% load time, +20% engagement
Vue.jsOpenAIVuexWhatsApp API
Markham Heating & Air Conditioning live homepageCracker Digital Media

Markham Heating & Air Conditioning

Live

Engineer at Cracker Digital Media

Family-owned HVAC serving the GTA since 1983 — AI dispatch, geo-aware scheduling, and online booking that cuts inbound call volume.

  • AI job dispatch agent that finds the nearest available tech already in-area and auto-assigns the job
  • Geo-aware slot allocation by technician location and workload for faster emergency response
  • Online booking for furnace, AC, and maintenance — homeowners schedule without calling in
AI agentsDispatchBookingHVAC
Tecton Scheduler production sign-in screenCracker Digital Media

Tecton Scheduler

Live

Founding Engineer at Cracker Digital Media

Multi-tenant SaaS — analytics, forecasting, and an AI booking layer on top of Acuity Scheduling.

  • Analytics & forecasting dashboards synced from Acuity — revenue, bookings, no-shows, and 7/30/90-day demand projections
  • Demand & pricing insights: booking heatmap, lead-time mix, and promotion lift vs matched baseline
  • Per-tenant AI booking assistant (customer OpenAI key) that answers from the live catalog and books in Acuity
  • Self-serve rescheduling with fees, public no-login links, and multi-tenant credential isolation from day one
Multi-tenantAcuityOpenAIAnalytics
DexaFit Denver homepage with fitness metrics and booking CTACracker Digital Media

DexaFit Denver

Live

Frontend Engineer at Cracker Digital Media

Science-backed body composition booking platform — multi-step appointments, goal-based assessments, and live session pricing for DEXA, VO2 Max, and RMR.

  • 8-step appointment flow (Goal → Experience → Assessment → Schedule → Payment) with a live session summary and running total
  • Goal-based paths — Performance, Longevity, Metabolism, multi-scan Packages, and gift cards — that shape recommended assessments
  • HIPAA-secure booking with HSA/FSA eligibility, no referral required, and free in-person or virtual consultation
  • Service prep guides for DEXA, VO2 Max, and RMR plus free rescheduling when changed 48+ hours before the visit
ReactNext.jsTailwind CSSTypeScript
Sovereignty Foundation homepage — governance proposal for substrate-class AICracker Digital Media

Sovereignty Foundation

Live

Engineer at Cracker Digital Media

Publishing platform for an AI-governance standards body — ratified foundational documents, a layered substrate model, and working drafts, presented as a staged public proposal.

  • Editorial architecture for eight ratified foundational documents, a fourteen-layer substrate, and two standards working drafts
  • Staged-progress model surfaced site-wide, so readers always see which stage the proposal is actually in
  • Typographic system built for long-form governance and standards text — dense reading without visual fatigue
  • Static-first delivery for fast loads and durable, citable document URLs
Next.jsTypeScriptPublishingAI governance
Marina Connection homepage — marina and boatyard equipment marketplaceCracker Digital Media

Marina Connection

Live

Engineer at Cracker Digital Media

Two-sided marketplace for marina and boatyard equipment — operators list high-value gear like travel lifts and forklifts, and buyers deal with them directly.

  • Equipment listing flow for sellers, with a dashboard for managing live listings
  • Browse and search built around how marina professionals actually shop for high-value equipment
  • Verified-listing model to keep an industry-specific marketplace credible on both sides
  • Content and SEO structure aimed at a niche trade audience rather than general classifieds traffic
MarketplaceListingsSEOWordPress
HDL Capital homepage — M&A advisory with closed transaction metricsCracker Digital Media

HDL Capital

Live

Engineer at Cracker Digital Media

M&A advisory platform for a firm with $2B in closed transactions — a Next.js SSR build focused on Core Web Vitals and organic search visibility.

  • Next.js SSR architecture that improved Core Web Vitals by 25% against the previous client-rendered build
  • Structured data and dynamic per-page metadata across services, team, and transaction pages
  • Technical SEO pass (crawlability, canonical structure, indexable transaction history) lifting organic search traffic by 35%, and Time to Interactive cut by 40% with CloudFront edge caching and an optimised image pipeline
  • Transaction and team content modelled so the firm can publish new deals without engineering involvement
Next.jsSSRCore Web VitalsTechnical SEO
Iron Trust Capital Partners homepage — commercial real estate debt with a live rates tickerCracker Digital Media

Iron Trust Capital Partners

Live

Engineer at Cracker Digital Media

Website for a Houston commercial real estate debt advisory arranging financing of $100M+ nationwide, with loan programs, analytical tools and a transaction submission flow.

  • Live benchmark-rates ticker (WSJ Prime, SOFR, Treasury yields, Fed Funds) pinned above the navigation
  • Analytical tools lenders use: loan sizing, DSCR and debt yield, a 1031 exchange deadline clock, and cost segregation estimates
  • Loan program and property-type coverage, a step-by-step process timeline, FAQs, and a transaction submission and loan inquiry flow
  • Capital-structure graphic that explains senior debt, mezzanine and preferred equity placement at a glance
Web appCalculatorsFinanceLead capture
Carta Title Company homepage — Houston title, escrow and closing servicesCracker Digital Media

Carta Title Company

Live

Engineer at Cracker Digital Media

Website for a Houston title, escrow and settlement company serving every region of Texas, with closing calculators and an order-title flow.

  • Instant calculators for buyer closing costs, seller net sheet, monthly payment, refinance, and title and closing cost estimates
  • Contract-to-funding closing process laid out step by step, and service paths for residential, commercial, land, refinance and 1031 exchange transactions
  • Region pages across Texas (Dallas-Fort Worth, Austin, Houston, San Antonio and more) with a Deal Desk for complex transactions
  • Order title, start a closing, free consultation and team pages wired for conversion
Web appCalculatorsTitle & escrowLocal SEO
Billing invoices dashboard (sensitive data omitted)Cracker Digital Media

Multi-tenant billing platform

Live

Full-Stack Engineer at Cracker Digital Media

Multi-company billing, accounting, and inventory platform — estimates to invoices to ledger, with audit-grade access control.

  • Billing documents end-to-end: estimates and orders convert to invoices in one click, with branded PDF templates, public share links, email delivery, and view/sent tracking
  • Double-entry accounting with vouchers, day-book views, bank accounts, and exportable sales, expense, and P&L reports
  • Inventory and dispatch tied to invoices — stock views, bulk price updates, and to-be-dispatched tracking
  • Multi-company tenancy with role-based permissions and a full audit trail on every create, update, and delete
LaravelVue.jsMulti-tenantAccounting

My own products

Built and shipped by me.

Owned end to end by me: idea, code, packaging, privacy policy and launch.

Vibefort — fortify your vibe-coded appMy own product

Vibefort

Live

Creator & Lead Engineer

A security and readiness scanner for apps built with AI coding tools. One command audits a repo for leaked keys, missing row-level security, absent tests and CI, and vulnerable dependencies.

  • Published CLI on npm — run `npx vibefort scan ./my-app` against any project
  • Flags service-role and AI API keys in browser code, Supabase tables without RLS, and committed .env files
  • Checks the safety net around the code: tests, CI, error tracking, database migrations, vulnerable dependencies
  • Integrates gitleaks and semgrep when installed; official product site and package shipped
OptSnap audit result showing a graded list of trackers that fired after cookie consent was rejectedMy own product

OptSnap

Chrome extension

Creator & Lead Engineer

A Chrome extension that records which ad pixels, session recorders and analytics fire before a visitor answers the cookie banner, then exports a graded, white-label PDF or CSV report.

  • Records network activity from page load and timestamps the visitor's consent choice, so findings are evidence rather than guesses
  • Grades each site and lists every tracker with the request, when it fired, and the consent state at that moment
  • White-label PDF export branded for agencies; privacy policy and data-use disclosure written for the Chrome Web Store
  • Runs entirely in the browser: no server, no account, and audit results are discarded when the tab closes
Chrome extensionJavaScriptPDF reportsPrivacy