Draw it

Draw it es una aplicación de lienzo colaborativa en tiempo real desarrollada con Flutter para el frontend y Node.js + Express con WebSocket para la sincronización del backend. La aplicación permite que varios usuarios dibujen simultáneamente en un tablero compartido, demostrando su experiencia tanto en el desarrollo de interfaces de usuario multiplataforma como en la comunicación en red en tiempo real.

🚀 Objetivo clave:

Permitir una colaboración fluida y en tiempo real en un tablero de dibujo compartido mediante una arquitectura de alto rendimiento basada en eventos.

🧱 Pila tecnológica:

Flutter (Dart): Frontend móvil multiplataforma con gestión de gestos y renderizado personalizado

Node.js + Express.js: Servidor backend compatible con WebSocket para una comunicación bidireccional persistente

WebSocket (ws): Para la sincronización en tiempo real de trazos entre usuarios

CustomPainter: Dibujo eficiente fotograma a fotograma en el lienzo

Gestor de permisos y RepaintBoundary: Guarda los dibujos como imágenes en el dispositivo

🖌️ Características principales:

✍️ Dibujo compartido en tiempo real: Todos los participantes ven los trazos de los demás al instante mediante la transmisión WebSocket.

📡 Servidor WebSocket sin estado: Un servidor ligero Node.js mantiene las conexiones de socket activas y retransmite los eventos de trazo con baja latencia.

🎨 Motor de lienzo: Los gestos táctiles se convierten en rutas vectoriales dibujables y se renderizan mediante CustomPainter de Flutter.

📁 Exportar lienzo: Los usuarios pueden guardar sus ilustraciones como imagen.

🔧 Arquitectura modular: Capas separadas para la lógica de dibujo, los eventos del servidor y la integración con la plataforma.