Back to Projects

Canvazz Flow

Featured ProjectProduction Ready

A collaborative visual workspace built for teams to brainstorm, design, organize projects, and collaborate in real time.

Description

Canvazz Flow is a full-stack collaborative whiteboard platform designed for teams that need a unified space to brainstorm, plan, and execute projects visually. It combines an infinite canvas with structured workspace management, eliminating the fragmentation that comes with using multiple disconnected tools.

The platform supports real-time collaboration powered by Liveblocks CRDT sync, role-based permissions via Clerk, invitation workflows, and a notification system that keeps every team member in sync. Workspaces can be organized into projects, each with its own board, members, and settings.

Built with Next.js 15, React 19, Konva for canvas rendering, NestJS with Prisma on the backend, and PostgreSQL for data storage. The architecture prioritizes real-time performance, API consistency, and a clean component-driven design system.

Demo

Demo Video

Coming soon

Architecture

Architecture diagram

Tech Stack

Frontend

Next.js 15Next.js 15
React 19React 19
TypeScript 5TypeScript 5
Tailwind CSS v4Tailwind CSS v4
Konva + react-konvaKonva + react-konva
LiveblocksLiveblocks
Socket.IO ClientSocket.IO Client
Radix UIRadix UI
shadcn/uishadcn/ui
MotionMotion
SWRSWR
SonnerSonner

Backend

NestJS 11NestJS 11
Prisma 7Prisma 7
Liveblocks NodeLiveblocks Node
Socket.IO ServerSocket.IO Server
SwaggerSwagger
class-validatorclass-validator

Database

PostgreSQLPostgreSQL

Authentication

ClerkClerk

Deployment

VercelVercel
RenderRender

Future Scope

Real-time collaborative editing

Version history

AI-assisted diagrams

Canvas templates

Offline support