Draw it

Draw it és una aplicació de llenç col·laborativa en temps real desenvolupada mitjançant Flutter per a la interfície i Node.js + Express amb WebSocket per a la sincronització de backend. L'aplicació permet que diversos usuaris dibuixin simultàniament en un tauler compartit, demostrant experiència tant en el desenvolupament d'interfície d'usuari multiplataforma com en la comunicació de xarxa en temps real.

🚀 Objectiu clau:
Permet una col·laboració perfecta i en temps real en un tauler de dibuix compartit mitjançant una arquitectura eficient i basada en esdeveniments.

🧱 Tech Stack:

Flutter (Dart): interfície mòbil multiplataforma amb gestió de gestos i renderització personalitzada

Node.js + Express.js: servidor de fons amb suport WebSocket per a una comunicació bidireccional persistent

WebSocket (ws): per a la sincronització en temps real dels traços entre usuaris

CustomPainter: dibuix eficaç fotograma a fotograma sobre llenç

Gestor de permisos i RepaintBoundary: deseu dibuixos com a imatges al dispositiu

🖌️ Característiques bàsiques:

✍️ Dibuix compartit en temps real: tots els participants es veuen els traços dels altres a l'instant mitjançant la transmissió de WebSocket.

📡 Servidor WebSocket sense estat: el servidor Lightweight Node.js manté connexions de sòcol actives i transmet esdeveniments d'ictus amb una latència baixa.

🎨 Canvas Engine: els gestos tàctils es converteixen en camins vectorials dibuixables i es representen amb el CustomPainter de Flutter.

📁 Exporta el llenç: els usuaris poden desar la seva obra d'art com a imatge

🔧 Arquitectura modular: capes separades per dibuixar la lògica, els esdeveniments del servidor i la integració de la plataforma.