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.
Uppdaterades den
29 maj 2025
Konst och design
Datasäkerhet
arrow_forward
Säkerhet börjar med förståelsen av hur utvecklare samlar in och delar din data. Praxis för dataintegritet och säkerhet varierar beroende på användning, region och ålder. Utvecklaren har tillhandahållit denna information och kan uppdatera den med tiden.