Draw it é unha aplicación de lenzo colaborativa en tempo real desenvolvida usando Flutter para o frontend e Node.js + Express con WebSocket para a sincronización do backend. A aplicación permite que varios usuarios debuxen simultaneamente nun taboleiro compartido, demostrando experiencia tanto no desenvolvemento de interfaces de usuario multiplataforma como na comunicación de rede en tempo real.
🚀 Obxectivo clave:
Permite unha colaboración fluida e en tempo real nun cadro de deseño compartido mediante unha arquitectura eficaz e orientada a eventos.
🧱 Tech Stack:
Flutter (Dart): frontend móbil multiplataforma con manexo de xestos e renderizado personalizado
Node.js + Express.js: servidor backend con compatibilidade con WebSocket para comunicación bidireccional persistente
WebSocket (ws): para sincronizar en tempo real os trazos entre os usuarios
CustomPainter: debuxo eficaz fotograma a fotograma sobre lenzo
Xestor de permisos e RepaintBoundary: garda debuxos como imaxes no dispositivo
🖌️ Características básicas:
✍️ Debuxo compartido en tempo real: todos os participantes ven os trazos dos outros ao instante mediante a transmisión de WebSocket.
📡 Servidor WebSocket sen estado: o servidor Node.js lixeiro mantén conexións de socket activas e transmite eventos de accidente vascular cerebral con baixa latencia.
🎨 Canvas Engine: os xestos táctiles convértense en camiños vectoriais debuxables e renderizados usando CustomPainter de Flutter.
📁 Exportar lenzo: os usuarios poden gardar a súa obra de arte como imaxe
🔧 Arquitectura modular: capas separadas para debuxar lóxica, eventos do servidor e integración da plataforma.
Debuxa, garabate e crea libremente: o teu lenzo, as túas regras
Última actualización
28 de set. de 2025