Draw it

Draw it este o aplicație canvas colaborativă în timp real, dezvoltată folosind Flutter pentru frontend și Node.js + Express cu WebSocket pentru sincronizarea backend. Aplicația permite mai multor utilizatori să deseneze simultan pe o tablă partajată, demonstrând expertiză atât în ​​dezvoltarea interfeței de utilizator multiplatformă, cât și în comunicarea în rețea în timp real.

🚀 Obiectiv cheie:
Activați colaborarea fără întreruperi, în timp real, pe o planșă de desen partajată, folosind o arhitectură performantă, bazată pe evenimente.

🧱 Tech Stack:

Flutter (Dart): Interfață mobilă multiplatformă cu gestionarea gesturilor și randare personalizată

Node.js + Express.js: server backend cu suport WebSocket pentru comunicare bidirecțională persistentă

WebSocket (ws): Pentru sincronizarea în timp real a loviturilor între utilizatori

CustomPainter: Desen eficient cadru cu cadru pe pânză

Permission Handler & RepaintBoundary: Salvați desenele ca imagini pe dispozitiv

🖌️ Caracteristici de bază:

✍️ Desen partajat în timp real: toți participanții văd reciproc loviturile instantaneu folosind transmisia WebSocket.

📡 Server WebSocket fără stat: serverul Lightweight Node.js menține conexiuni de socket active și transmite evenimente de accident vascular cerebral cu latență scăzută.

🎨 Canvas Engine: gesturile tactile sunt convertite în trasee vectoriale desenabile și redate folosind CustomPainter al lui Flutter.

📁 Exportați pânza: utilizatorii își pot salva opera de artă ca imagine

🔧 Arhitectură modulară: straturi separate pentru logica desenului, evenimentele serverului și integrarea platformei.