ProjectsConstruct Flow: a full construction management app for Grid 26

Software

Construct Flow: a full construction management app for Grid 26

Grid 26 came to us with a live-coded prototype and a stack of third-party tools that no longer fit. We're rebuilding it as Construct Flow, a proper app for budgets, financials and on-site observations.

Desktop view of Grid 26
Mobile view of Grid 26
Grid 26's site on the desktop, the Construct Flow app in your hand on site.

Built with

React
Vite
TypeScript
Tailwind
shadcn/ui
Fastify
Supabase

Grid 26 came to us with a live-coded prototype built on Base44 and a real problem: they were leaning on a handful of third-party tools, accounting software and the like, that were never going to stretch to what they actually needed. The more we looked at it, the clearer it got. This wasn’t a tidy-up job. It needed a proper rebuild.

So that’s what we’re doing. Construct Flow is the app we’re building for Grid 26: a full construction management platform for running budgets, tracking the financials on every job, and capturing what’s actually happening on site.

Where it started

The first cut was live-coded, quick to stand up and great for proving the idea. But a prototype that leans on bolted-on accounting tools hits a ceiling fast. Grid 26 wanted one place to run their builds, not a spreadsheet, an accounting login and three browser tabs. Once we mapped what they were really asking for, a full rebuild was the honest answer.

What we’re building

This is not a toy. It’s a proper app: a real component system, real data, and a UI that holds up on a laptop in the office and a phone on a noisy site.

The Construct Flow app on desktop, the main workspace for running a construction job
Construct Flow on the desktop: the office view for running a build end to end.
Construct Flow budget tracking, showing line items and committed costs for a construction job
Budget tracking: every line item and committed cost on a job, in one view.
Construct Flow financial overview, with charts summarising the numbers across projects
The financial overview pulls the numbers together so the picture is clear at a glance.
Construct Flow site observations, capturing what's happening on the job
Site observations capture what's happening on the ground and tie it back to the job.

Built properly this time

Under the hood it’s a modern, fast stack: React and Vite with TypeScript, a Tailwind and shadcn/ui component system, TanStack for routing, data and tables, and Recharts for the financial views. Behind it sits a typed Fastify API, with Supabase for data and auth. It’s offline-aware too, so a dropped signal on site doesn’t cost you your notes.

It’s a significant build, and it’s a genuinely good showcase of what a custom app looks like when it’s done right instead of stitched together. This is the project we’re working on now, and we’re excited about where it’s heading.

More work

Other projects

A few more builds we're proud of. Yours could be next.

Got a project in mind?

Let's build yours next.

Tell us what's slowing you down and we'll show you exactly what we'd build to fix it.

  • Free
  • About a minute
  • No obligation