Back to all work
Case study

Visual Workflow Diagram Builder

Next.js Developer

A Next.js funnel and workflow builder using React Flow for a node-based canvas, Zustand for state management, localStorage auto-save, real-time validation, undo/redo, and JSON import/export.

Screenshots

Visual Workflow Diagram Builder screenshot 1Visual Workflow Diagram Builder screenshot 2Visual Workflow Diagram Builder screenshot 3

Key features

  • React Flow Canvas
  • Undo/Redo History
  • Funnel Validation
  • JSON Import/Export

Tech stack

Next.js · React Flow · Zustand · TypeScript · Tailwind CSS · LocalStorage

My role

As Next.js Developer, I worked on the implementation details, core workflows, integrations, UI behavior, and technical decisions needed to ship a maintainable product experience.

Build something similar

More case studies