Draw it

Draw it è un'applicazione canvas collaborativa in tempo reale sviluppata utilizzando Flutter per il frontend e Node.js + Express con WebSocket per la sincronizzazione con il backend. L'app consente a più utenti di disegnare simultaneamente su una lavagna condivisa, dimostrando competenza sia nello sviluppo di interfacce utente multipiattaforma che nella comunicazione di rete in tempo reale.

🚀 Obiettivo principale:

Consentire una collaborazione fluida e in tempo reale su una lavagna condivisa utilizzando un'architettura performante basata sugli eventi.

🧱 Stack Tecnologico:

Flutter (Dart): Frontend mobile multipiattaforma con gestione dei gesti e rendering personalizzato

Node.js + Express.js: Server backend con supporto WebSocket per comunicazioni bidirezionali persistenti

WebSocket (ws): Per la sincronizzazione in tempo reale dei tratti tra gli utenti

CustomPainter: Disegno efficiente frame-by-frame su canvas

Gestore dei permessi e RepaintBoundary: Salva i disegni come immagini sul dispositivo

🖌️ Funzionalità principali:

✍️ Disegno condiviso in tempo reale: Tutti i partecipanti visualizzano istantaneamente i tratti degli altri tramite broadcast WebSocket.

📡 Server WebSocket stateless: Un server Node.js leggero mantiene connessioni socket attive e inoltra gli eventi dei tratti con bassa latenza.

🎨 Motore Canvas: I gesti touch vengono convertiti in percorsi vettoriali disegnabili e renderizzati utilizzando CustomPainter di Flutter.

📁 Esporta Canvas: gli utenti possono salvare il proprio lavoro come immagine.

🔧 Architettura modulare: livelli separati per la logica di disegno, gli eventi del server e l'integrazione con la piattaforma.