TypeScript engine mastery, large-document React performance, offline sync, and NX° open-source monorepo architecture.
FloorGen Engineering
Verified MatchEngineering Leadership • Editor Engine, Sync, API & MCP Server
This robust, modern one-page landing page was created in a few minutes from a single prompt using our agentic AI workflow and guardrails to generate this unique, targeted application.
It directly demonstrates 20+ years of software craft, complex monorepo architecture, pure TypeScript engines, and offline-first state synchronization tailored specifically for FloorGen's browser studio.
Web 3D Mastery: Spatial Visualization with GPXRoute
FloorGen is pioneering browser-based 2D and 3D architectural drawing. Interactive 3D in the browser requires deep knowledge of WebGL rendering loops, camera projection matrices, spatial coordinate systems, and performant mesh manipulation. Here is live proof from our production product GPXRoute.
WebGL & Interactive 3D Viewports
Mastery of WebGL canvas contexts, smooth 60 FPS orbit/pan/zoom camera controllers, coordinate transformations, and frustum culling. Directly applicable to FloorGen's 3D floor plan mode, wall extrusions, and perspective rendering.
Complex Spatial Math & Geometry Processing
Handling large spatial coordinate streams (GPX tracks, elevations, vector polygons) with pure TypeScript calculation engines. Translates 1:1 to CAD polygon triangulation, wall-snapping algorithms, and dimension calculation.
Production Performance & Sandboxed Embedding
Engineered for lightweight, sandboxed embedding and sub-second load times without locking the main JavaScript event loop, ensuring editor responsiveness while manipulating heavy 3D scene graphs.
From 2D Floor Plans to Real-Time 3D Spaces
GPXRoute proves complete fluidity with browser 3D graphics, elevation projections, and responsive rendering loops. The exact same mathematical disciplines power FloorGen's 3D room generation, spatial collision, camera orbit, and parametric model rendering.
Architecture, Monorepo Boundaries & Code Proof
FloorGen requires seamless coordination between a pure TypeScript geometry engine, an offline-capable Node sync server, and a high-performance React editor with an MCP server. Here is direct evidence of that exact work.
Monorepo Boundaries & Engine Separation
Decoupling geometry calculations, room parsing, and CAD schemas from UI frameworks into pure, zero-dependency TypeScript packages. Enforced by strict boundary linting rules to keep build graphs clean as the project scales.
- Zero framework lock-in for core math
- @nx/enforce-module-boundaries compliance
Profiler-First React Performance
When editing plans with thousands of walls, models, and dimensions, guessing kills framerates. Profiling with DevTools flamecharts to eliminate layout thrashing, virtualize DOM layers, and keep drag interactions silky smooth.
- Sub-tree rendering memoization
- Test-first regression prevention
MCP Servers & Autonomous Agents
Authoring Model Context Protocol (MCP) servers with strict input validation so external AI clients (Claude Desktop, Antigravity, Cursor) can query and mutate floor plans alongside human users without state corruption.
- Deterministic schema validation via Zod
- Author of @goldlabelapps/agent-layer
Nx is a Thing — But Not the Same as Our Thing: NX°
FloorGen asked for “Nx or pnpm monorepos” (referencing Nrwl's build tooling). Nx is a notable piece of infrastructure — but not to be confused with our own open-source project NX°. Built on modular JavaScript and Next.js, NX° streamlines full-stack development for server-side Node and client-side React.
NX° — Modern App Framework & Monorepo
Meet NX° (nx.goldlabel.pro) — an open-source, modular full-stack framework and enterprise monorepo built on Next.js and Node. Not the same as Nrwl's Nx build system — but engineered with strict boundary governance, shared packages, and automated CI/CD.
@goldlabelapps/agent-layer
Autonomous AI agent orchestration library featuring deterministic tool schemas, runtime validation, and structured LLM tool-calling loops.
WolfPack Listing Engine
Interactive proof-of-work application generator powering bespoke candidate applications with real-time tracking, dual-routed notifications, and instant deployment.
Requirements vs Delivery
Directly matching FloorGen's published mandate for the Senior Full-Stack Engineer role against proven senior engineering delivery.
End-to-End TypeScript Engine & MCP Architecture
Deep experience isolating core calculation engines into zero-dependency TypeScript libraries, consumed cleanly by React frontends and Node APIs. Author of custom Model Context Protocol (MCP) servers and deterministic agent orchestration tools (@goldlabelapps/agent-layer).
Fast, Resilient Sync & Offline-First State
Proven expertise building conflict-resilient state synchronization, IndexedDB client caching, optimistic UI reconciliation, and delta serialization over WebSockets with offline durability.
Large-Document React Performance & Profiling
Extensive track record profiling complex React visual applications with React DevTools and Chrome tracing. Eliminating layout thrashing, virtualizing large component trees, and keeping canvas operations strictly at 60 FPS.
Node Request Pipelines, MongoDB & Administration
Solid backend ownership: strict Zod schema validation, sliding-window rate limiters, session encryption, and index-optimized MongoDB document collections with zero-downtime migrations.
Enterprise Nx Monorepos & TDD Discipline
FloorGen specified Nx (Nrwl build system) or pnpm monorepos. Nx is interesting — an established build tool, but not the same as our thing: NX° (nx.goldlabel.pro)! As the daily maintainer of this enterprise multi-package monorepo (github.com/goldlabelapps/nx) and creator of NX°, Chris enforces strict boundary governance (@nx/enforce-module-boundaries), automated Vitest/Playwright test suites, and clean architecture.
Send an immediate note or connect directly via WhatsApp, email, or LinkedIn.
Send Direct Message
Delivered immediately to Chris with automated notification backup.
Direct WhatsApp Chat
Fastest channel for immediate async or real-time discussion.