Architecture

Ultra-low latency
sync engine.

QuickDraw is engineered for speed. We use a hybrid architecture combining RESTful management with raw WebSocket synchronization to achieve sub-50ms latency.

Frontend

Next.js + Canvas API for smooth 120fps rendering.

WebSocket

Node.js cluster for global stroke broadcasting.

Persistence

PostgreSQL with Prisma for reliable room storage.

AI Sync

Real-time design suggestions via Groq integration.

Data Propagation

Stroke data is propagated using a "broadcast-first" strategy. As soon as the server receives a packet, it is immediately emitted to all other connected clients before being queued for database persistence.

[Client A] --- stroke_data ---> [WS Server]
                                    |
            +-----------------------+-----------------------+
            |                       |                       |
     [Broadcast to]          [Broadcast to]          [Queue for]
       Client B                Client C               Postgres