Real-Time Node-Based Workflow Canvas Development by Sahibul Nuzul FirdausReal-Time Node-Based Workflow Canvas Development by Sahibul Nuzul Firdaus

Real-Time Node-Based Workflow Canvas Development

Sahibul Nuzul Firdaus

Sahibul Nuzul Firdaus

Real-Time Node-Based Workflow Canvas & Edge Execution Engine

Role: Full-Stack Flutter Engineer

Tools & Skills:

Flutter Web, Dart, Supabase, PostgreSQL, Deno Edge Functions, Realtime Sync, AWS (S3 & CloudFront), GitHub Actions CI/CD, Automated Testing

Project Overview:

Built a production-grade, multi-tenant visual workflow canvas in Flutter Web spanning 102K+ lines of code. The platform enables technical and non-technical teams to visually design complex cloud automations, execute sandboxed edge scripts, and collaborate live in real time.

The Challenge / Problem:

Existing desktop workflow tools suffered from high friction, lack of live multi-user collaboration, and fragmented execution environments.
The application required a high-performance web diagram engine capable of rendering complex node graphs with bidirectional Infrastructure-as-Code (IaC) and DBML schema synchronization without UI stutter.
Code execution inside custom script nodes required strict sandboxing, SSRF hardening, and multi-tenant data isolation.

The Approach & Architecture:

Custom Diagram Engine: Architected an 18-policy Flutter Web canvas engine supporting sub-pixel panning, zoom, multi-node selection, undo/redo stacks, and Monaco-powered code editing.
Backend & Security Hardening: Designed 38 PostgreSQL migrations, Supabase Row-Level Security (RLS) policies, and 5 Deno edge microservices with Vault-backed secrets management and SSRF protection.
Realtime Collaboration: Implemented low-latency state synchronization across multi-user sessions using Supabase Realtime channels.
Engineering Rigor: Enforced comprehensive test coverage with 545 automated unit/integration tests and automated CI/CD pipelines deploying to AWS S3 & CloudFront.

Key Results & Impact:

Successfully delivered a stable 102K+ LOC platform holding 100% test pass gates across production releases.
Eliminated desktop dependencies by delivering a sub-second reactive web application.
Maintained zero security breaches across script sandboxes and multi-tenant database boundaries.
Like this project

Posted Aug 28, 2026

Developed a web-based real-time workflow canvas with multi-user collaboration.