Local business / e-commerce · Trailers Ontario
Trailers Ontario — a full-stack web app in production since 2025
A full-stack operations platform — React/Refine front end, Firebase backend — that runs an Ontario trailer business end to end and syncs its inventory to WooCommerce. Live since 2025.
Published July 10, 2026 · Updated July 19, 2026
What it is
A full-stack operations platform for an Ontario trailer business, in production since 2025 and running the day-to-day. It’s a Refine dashboard (a React framework built for B2B tools) on a Firebase backend, and I built both ends of it — the front end and the backend services behind it.
It isn’t just a catalog. The business runs on it: trailer inventory, sales and invoicing, transfers between locations, and sales reporting all live here — and it keeps their public WooCommerce storefront in sync automatically.
What I built
Front end — React / Refine. A typed Refine + Ant Design dashboard (React 18, TypeScript, Vite) with authentication and role-based access, a command palette for fast navigation, and the inventory, sales, transfer, and reporting screens the team works in every day.
Backend — Firebase. An Express API running on Firebase Cloud Functions, backed by Firestore, exposing the operations the dashboard calls. It also handles image uploads, sends email through SendGrid, and generates PDF invoices server-side.
Operations across locations. The platform models multiple locations, with transfers and in-transit tracking as trailers move between them — plus sales reports over the top.
The WooCommerce integration
The connective piece: the dashboard is the single source of truth, and the storefront follows it.
- Inventory push. Building a trailer in the dashboard creates a matching WooCommerce product with full metadata — size, manufacturer, axles, frame, colours, and the rest — so the public listing is always accurate.
- VIN privacy. Each product is keyed by a one-way hash of the VIN, so a trailer is uniquely findable and removable on the store without the VIN ever appearing publicly.
- Sell once, reflected everywhere. Selling a trailer in the dashboard generates the invoice (with an optional discount) and flips its product to draft — it leaves the storefront the instant it’s sold, no manual step.
- Built to not fall over. WooCommerce calls retry with backoff on transient failures and degrade gracefully when the store is unreachable, and the same pipeline can sync to more than one storefront.
Where it’s going
Live and in daily use since 2025 — and the business keeps coming back to build more. Recent and ongoing work spans the WooCommerce sync, cross-location transfers, and sales reporting, on top of a foundation stable enough to keep investing in.
Frequently asked
What is it?
A full-stack operations platform for an Ontario trailer business — a React/Refine dashboard on a Firebase backend that manages trailer inventory, sales and invoicing, transfers between locations, and sales reporting, and keeps the public WooCommerce storefront in sync. I built both the front end and the backend.
How does the WooCommerce integration work?
The team builds each trailer's record in the dashboard, and the backend pushes it to the WooCommerce/WordPress storefront as a product with full metadata (size, manufacturer, axles, frame, colours, and more). Products are keyed by a one-way hash of the VIN, so each trailer is uniquely syncable and removable without ever exposing the VIN publicly. When a trailer sells, the dashboard generates the invoice — with an optional discount — and flips the product to draft, so it drops off the storefront the moment it's sold. The sync is resilient: transient WooCommerce failures retry with backoff, and it can push to more than one storefront.
What's the stack?
Front end: Refine (a React framework for B2B dashboards) with Ant Design, React 18, TypeScript, and Vite, talking to the backend through a REST data provider. Backend: an Express API running on Firebase Cloud Functions with Firestore for data, plus SendGrid for email, server-side PDF generation for invoices, and image uploads — all behind Firebase auth with role-based access.
What's happening now?
It's been running the business since 2025, and they keep investing in it — recent work includes the WooCommerce sync, transfers and in-transit tracking between locations, and sales reporting.
Services: Platform & backend engineering, E-commerce engineering, Integrations
Want results like these for your team?
Get in touch