Draw it

Draw it je sodelovalna aplikacija za platno v realnem času, razvita z uporabo Flutterja za frontend in Node.js + Express z WebSocket za sinhronizacijo backenda. Aplikacija omogoča več uporabnikom, da hkrati rišejo na deljeni plošči, kar dokazuje strokovnost tako pri razvoju uporabniškega vmesnika med platformami kot pri omrežni komunikaciji v realnem času.

🚀 Ključni cilj:
Omogočite brezhibno sodelovanje v realnem času na skupni risalni deski z uporabo zmogljive arhitekture, ki temelji na dogodkih.

🧱 Tehnični sklop:

Flutter (Dart): mobilni vmesnik za več platform z upravljanjem gest in upodabljanjem po meri

Node.js + Express.js: zaledni strežnik s podporo za WebSocket za trajno dvosmerno komunikacijo

WebSocket (ws): Za sinhronizacijo udarcev med uporabniki v realnem času

CustomPainter: Učinkovito risanje okvir za okvirjem na platnu

Permission Handler & RepaintBoundary: Shranite risbe kot slike v napravi

🖌️ Glavne lastnosti:

✍️ Skupno risanje v realnem času: vsi udeleženci takoj vidijo poteze drug drugega z oddajanjem WebSocket.

📡 Strežnik WebSocket brez stanja: lahek strežnik Node.js vzdržuje aktivne povezave vtičnic in posreduje dogodke udarcev z nizko zakasnitvijo.

🎨 Canvas Engine: poteze na dotik so pretvorjene v vektorske poti, ki jih je mogoče risati, in upodobljene s Flutterjevim CustomPainterjem.

📁 Izvozi platno: uporabniki lahko svoje umetnine shranijo kot sliko

🔧 Modularna arhitektura: ločene plasti za logiko risanja, strežniške dogodke in integracijo platforme.