← Back to portfolioContractFlow · Visual agreement workspace
Next.js · TypeScript · React Flow · FastAPI

Build the project and the agreement at the same time.

ContractFlow replaces scattered scope notes with a visual contract model. Parties, clauses, milestones, compensation, and timelines become connected project nodes that can be validated before a signature-ready agreement is generated.

Planning modelVisual
Contract checkLive
Final outputPDF

From scope conversation to signed-ready agreement

The application treats a contract as structured project data—not a document that must be rewritten whenever the plan changes.

Visual Project Graph

Connect client and contractor parties to scope, milestone, compensation, and timeline nodes on a React Flow canvas.

Readiness Validation

Completeness checks expose missing scope, payment, timing, or party information before the agreement leaves the workspace.

Agreement Rendering

A FastAPI backend validates the model, persists it to PostgreSQL, and renders consistent signed-ready PDF output.

Product architecture

Try the complete product story.

The public demo is preloaded with a claims-workflow implementation agreement so reviewers can understand the product in seconds.