Draw it

O Draw it é um aplicativo de tela colaborativa em tempo real desenvolvido com Flutter para o front-end e Node.js + Express com WebSocket para sincronização no back-end. O aplicativo permite que vários usuários desenhem simultaneamente em um quadro compartilhado, demonstrando expertise tanto no desenvolvimento de interfaces de usuário multiplataforma quanto na comunicação em rede em tempo real.

🚀 Objetivo principal:

Possibilitar a colaboração contínua e em tempo real em um quadro de desenho compartilhado, utilizando uma arquitetura de alto desempenho e orientada a eventos.

🧱 Pilha de Tecnologia:

Flutter (Dart): Frontend mobile multiplataforma com tratamento de gestos e renderização personalizada

Node.js + Express.js: Servidor backend com suporte a WebSocket para comunicação bidirecional persistente

WebSocket (ws): Para sincronização de traços em tempo real entre usuários

CustomPainter: Desenho eficiente quadro a quadro na tela

Manipulador de Permissões e RepaintBoundary: Salva desenhos como imagens no dispositivo

🖌️ Principais Recursos:

✍️ Desenho Compartilhado em Tempo Real: Todos os participantes veem os traços uns dos outros instantaneamente usando a transmissão do WebSocket.

📡 Servidor WebSocket sem Estado: Servidor Node.js leve que mantém conexões de soquete ativas e retransmite eventos de traços com baixa latência.

🎨 Mecanismo Canvas: Gestos de toque são convertidos em caminhos vetoriais desenháveis ​​e renderizados usando o CustomPainter do Flutter.

📁 Exportar Canvas: Os usuários podem salvar suas artes como uma imagem

🔧 Arquitetura Modular: Camadas separadas para lógica de desenho, eventos de servidor e integração de plataforma.