Draw it er rauntíma samvinnustrigaforrit þróað með Flutter fyrir framenda og Node.js + Express með WebSocket fyrir samstillingu bakenda. Forritið gerir mörgum notendum kleift að teikna samtímis á sameiginlegu borði, sem sýnir sérþekkingu í bæði þróun notendaviðmóts milli vettvanga og netsamskipta í rauntíma.
🚀 Lykilmarkmið:
Gerðu óaðfinnanlega rauntíma samvinnu á sameiginlegu teikniborði með því að nota afkastamikinn, atburðadrifinn arkitektúr.
🧱 Tæknistafla:
Flutter (Píla): Farsímaframhlið þvert á vettvang með bendingameðferð og sérsniðinni flutningi
Node.js + Express.js: Bakendaþjónn með WebSocket stuðningi fyrir viðvarandi tvíátta samskipti
WebSocket (ws): Fyrir rauntíma samstillingu högga milli notenda
CustomPainter: Skilvirk teikning ramma fyrir ramma á striga
Leyfishöndlari & RepaintBoundary: Vistaðu teikningar sem myndir á tækinu
🖌️ Kjarnaeiginleikar:
✍️ Sameiginleg rauntímateikning: Allir þátttakendur sjá högg hvers annars samstundis með því að nota WebSocket útsendingu.
📡 Stateless WebSocket Server: Léttur Node.js þjónn heldur virkum innstungutengingum og miðlar höggatburðum með lítilli leynd.
🎨 Strigavél: Snertibendingum er breytt í teiknanlegar vektorslóðir og myndaðar með CustomPainter frá Flutter.
📁 Flytja út striga: Notendur geta vistað listaverk sín sem mynd
🔧 Modular Architecture: Aðskilin lög til að teikna rökfræði, atburði miðlara og samþættingu vettvangs.
Teiknaðu, teiknaðu og búðu til að vild – striginn þinn, reglurnar þínar