Draw it

Draw it är en samarbetsapplikation i realtid utvecklad med Flutter för frontend och Node.js + Express med WebSocket för backend-synkronisering. Appen tillåter flera användare att rita samtidigt på en delad tavla, vilket visar expertis inom både gränssnittsutveckling över plattformar och nätverkskommunikation i realtid.

🚀 Huvudmål:
Möjliggör sömlöst samarbete i realtid på ett delat ritbord med hjälp av en presterande, händelsedriven arkitektur.

🧱 Tech Stack:

Flutter (Dart): Mobilt frontend på flera plattformar med gesthantering och anpassad rendering

Node.js + Express.js: Backend-server med WebSocket-stöd för ihållande dubbelriktad kommunikation

WebSocket (ws): För realtidssynkronisering av slag över användare

CustomPainter: Effektiv bild-för-bild-ritning på duk

Permission Handler & RepaintBoundary: Spara ritningar som bilder på enheten

🖌️ Kärnfunktioner:

✍️ Delad realtidsritning: Alla deltagare ser varandras slag direkt med hjälp av WebSocket-sändning.

📡 Stateless WebSocket Server: Lättvikts Node.js-server upprätthåller aktiva socketanslutningar och vidarebefordrar slaghändelser med låg latens.

🎨 Canvas Engine: Beröringsgester konverteras till ritbara vektorbanor och renderas med Flutters CustomPainter.

📁 Exportera canvas: Användare kan spara sina konstverk som en bild

🔧 Modulär arkitektur: Separata lager för ritningslogik, serverhändelser och plattformsintegration.