Corridraw — Collaborative Diagram SaaS
Web Featured

Corridraw — Collaborative Diagram SaaS

A browser-based SaaS for real-time collaborative diagramming — flowcharts, system architectures, BPMN, and mind maps — with live multi-cursor editing, version history, and team workspaces.

Overview

Corridraw is a live SaaS diagramming tool (corridraw.com) for collaborative flowcharts, architecture diagrams, BPMN, ER, and mind maps — featuring multi-cursor real-time editing, a virtualised SVG/Canvas editor, and CRDT-backed concurrency.

Key Features

  • Real-time multi-cursor collaboration powered by a CRDT document model over WebSocket
  • Custom SVG/Canvas hybrid editor on React with virtualised rendering for diagrams with thousands of shapes
  • Orthogonal auto-routing engine with snap-to-grid and smart guides for clean, jitter-free connectors
  • Modular shape libraries loaded on demand (AWS, UML, network topology, floor plans, BPMN)
  • Append-only operations log driving version history and deterministic exports
  • Workspace-level RBAC with JWT sessions and email verification via a dedicated NestJS auth service
  • Background export pipeline for PNG/SVG/PDF plus thumbnails and usage analytics roll-ups

Architecture

Component Details
Editor Custom SVG/Canvas hybrid on React with virtualised rendering, orthogonal auto-routing, snap-to-grid, and smart guides
Shape libraries Modular, on-demand packs for AWS, UML, network topology, floor plans, and BPMN
Collaboration gateway Node.js WebSocket service carrying a CRDT document model so concurrent edits merge cleanly without locking
Auth service Dedicated NestJS service handling JWT sessions, email verification, and workspace-level RBAC
SSR app Next.js SSR front-end serving corridraw.com, hydrating the editor, and brokering REST calls
Database PostgreSQL storing documents, workspaces, and an append-only operations log for history and exports
Background workers Queue-driven workers for thumbnail generation, scheduled PNG/SVG/PDF exports, and analytics roll-ups
Infrastructure Single VPS with separate processes for SSR app, auth service, and WebSocket gateway behind nginx with TLS termination

Tech Stack

Next.jsReactNode.jsNestJSWebSocketCRDTPostgreSQLRedis

Details

Category Web
Technologies 8
Status Published
Featured Yes

Gallery

screenshot_1.png
screenshot_2.png
screenshot_3.png

Related Portfolio