Stockyard
Engineering demo See the code

A marketplace for pedigree livestock, built like it matters.

This is a working, interactive demo — not a mockup. Faceted search runs the way Postgres would serve it, the auction below shows a race-safe bidding flow (the locking logic is in the code panel), and the dashboards are hand-built SVG. Every piece maps to a deliberate engineering decision, shown in the Under the hood panel.

Listing management & search

Browse the market

Filter live, with fuzzy breed matching and faceted narrowing. The same predicates map straight onto an indexed Postgres query — see the SQL →

Maps 1:1 to a Postgres-native faceted query
0 listings
Bidding & inquiry workflows

Live auction — and why a race can’t mint two winners

Place a bid. Then tick “simulate a competing bid at the same instant” and watch the transaction log: the row lock serialises both bids, re-validates the loser against the new floor, and rolls it back. One winner, always.

Demonstrates the row-lock that prevents double-wins

Live
Current bid
€0
Ends in
0 bids · listing v0
Bid history most recent first
Transaction log READ COMMITTED · FOR UPDATE
// place a bid to trace the transaction…
Seller dashboard

The data-heavy views sellers actually need

Built with D3.js — interactive, animated, and live-wired to the filters above. Try filtering the marketplace, then watch these redraw. Same custom-dataviz muscle behind the D3 interface I wrote for the fully custom restaurantwang.at CMS.

Interactive D3.js — reacts to your filters
Live view — reflecting all 20 listings

Price range by species

The full spread of comparable lots — low, median and high — with every listing plotted. Pricing a lot? Set your species and price to see exactly where you'd land.
Price my lot

Bid activity

Bids placed across the marketplace, last 14 days — hover for detail

Average price by species

Across the listings in view (€) — hover a bar

Listings by status

Inventory mix in view — hover a slice
Under the hood

The engineering behind the demo

This is the part most proposals can’t show. Every claim above is backed by real, idiomatic code — the schema, the race-safe bid service, the search query, and the RBAC guard.

Engineering quality — measured, not claimed Google Lighthouse, mobile (this page) · desktop scores 100 / 100 / 100 / 100
Production-shaped reference code — PostgreSQL + NestJS (TypeORM).