Home / Projects / Workflow Blueprint - Visual Workflow Builder
Workflow Blueprint is a full-stack visual workflow builder - design multi-step flows on a React Flow canvas, configure each node through a form loaded from a GraphQL API, and submit data back through a GraphQL mutation. Built to demonstrate complex UI state management with Redux Toolkit, Apollo Client data fetching, and full-stack GraphQL served from both a Vercel serverless function and a local Express server.
// highlights
Interactive canvas with trigger, action and condition nodes built on React Flow
Context-aware configuration - clicking a node loads its form from the GraphQL API
Full-stack GraphQL with queries and a submitData mutation, served via Vercel serverless and Express
State managed with Redux Toolkit, data fetched with Apollo Client
// stack
// more