Draw it

Draw it je suradnička aplikacija na platnu u stvarnom vremenu razvijena korištenjem Fluttera za sučelje i Node.js + Express s WebSocketom za pozadinsku sinkronizaciju. Aplikacija omogućuje većem broju korisnika da istovremeno crtaju na zajedničkoj ploči, pokazujući stručnost u razvoju korisničkog sučelja na više platformi i mrežnoj komunikaciji u stvarnom vremenu.

🚀 Ključni cilj:
Omogućite besprijekornu suradnju u stvarnom vremenu na zajedničkoj ploči za crtanje koristeći učinkovitu arhitekturu vođenu događajima.

🧱 Tehnički skup:

Flutter (Dart): mobilno sučelje na više platformi s rukovanjem gestama i prilagođenim renderiranjem

Node.js + Express.js: pozadinski poslužitelj s podrškom za WebSocket za stalnu dvosmjernu komunikaciju

WebSocket (ws): Za sinkronizaciju poteza među korisnicima u stvarnom vremenu

CustomPainter: Učinkovito crtanje okvir po okvir na platnu

Rukovatelj dozvolama i granica ponovnog bojanja: Spremite crteže kao slike na uređaj

🖌️ Osnovne značajke:

✍️ Dijeljeno crtanje u stvarnom vremenu: Svi sudionici odmah vide poteze jedni drugih koristeći WebSocket emitiranje.

📡 WebSocket poslužitelj bez statusa: Lagani Node.js poslužitelj održava aktivne socket veze i prenosi događaje pokreta s malom latencijom.

🎨 Canvas Engine: geste dodira pretvaraju se u vektorske staze koje se mogu crtati i renderiraju pomoću Flutterovog CustomPaintera.

📁 Izvoz platna: korisnici mogu spremiti svoje umjetničko djelo kao sliku

🔧 Modularna arhitektura: odvojeni slojevi za logiku crtanja, događaje poslužitelja i integraciju platforme.