Draw it

Draw it është një aplikacion kanavacë bashkëpunues në kohë reale i zhvilluar duke përdorur Flutter për pjesën e përparme dhe Node.js + Express me WebSocket për sinkronizimin e pjesës së pasme. Aplikacioni lejon përdorues të shumtë të vizatojnë njëkohësisht në një tabelë të përbashkët, duke demonstruar ekspertizë si në zhvillimin e ndërfaqes ndër-platformë ashtu edhe në komunikimin e rrjetit në kohë reale.

🚀 Objektivi kryesor:
Aktivizo bashkëpunimin pa ndërprerje dhe në kohë reale në një tabelë të përbashkët vizatimi duke përdorur një arkitekturë performuese, të drejtuar nga ngjarjet.

🧱 Stack teknik:

Flutter (Dart): Pjesa e përparme celulare ndër-platformë me trajtimin e gjesteve dhe paraqitjen me porosi

Node.js + Express.js: Server mbështetës me mbështetje WebSocket për komunikim të vazhdueshëm me dy drejtime

WebSocket (ws): Për sinkronizimin në kohë reale të goditjeve ndërmjet përdoruesve

CustomPainter: Vizatim efikas kornizë për kornizë në kanavacë

Përpunuesi i lejeve dhe RepaintBoundary: Ruani vizatimet si imazhe në pajisje

🖌️ Karakteristikat kryesore:

✍️ Vizatim i përbashkët në kohë reale: Të gjithë pjesëmarrësit shohin goditjet e njëri-tjetrit në çast duke përdorur transmetimin e WebSocket.

📡 Serveri WebSocket pa shtetësi: Serveri i lehtë Node.js ruan lidhjet aktive të prizës dhe transmeton ngjarjet e goditjes me vonesë të ulët.

🎨 Motori i kanavacës: Gjestet me prekje konvertohen në shtigje vektoriale të vizatueshme dhe jepen duke përdorur Flutter's CustomPainter.

📁 Eksporto kanavacën: Përdoruesit mund të ruajnë veprën e tyre artistike si imazh

🔧 Arkitektura modulare: Shtresa të ndara për logjikën e vizatimit, ngjarjet e serverit dhe integrimin e platformës.