Draw it on reaalajas koostööl töötav lõuendirakendus, mis on välja töötatud Flutteri kasutajaliidese jaoks ja Node.js + Expressi koos WebSocketiga taustaprogrammi sünkroonimiseks. Rakendus võimaldab mitmel kasutajal samaaegselt ühistahvlil joonistada, näidates nii platvormideülese kasutajaliidese arendamise kui ka reaalajas võrgusuhtluse kogemusi.
🚀 Põhieesmärk:
Võimaldage sujuvat reaalajas koostööd jagatud joonestuslaual, kasutades tulemuslikku sündmustepõhist arhitektuuri.
🧱 Tech Stack:
Flutter (Dart): platvormideülene mobiililiides koos žestide haldamise ja kohandatud renderdusega
Node.js + Express.js: WebSocketi toega taustaserver püsiva kahesuunalise suhtluse jaoks
WebSocket (ws): kasutajate löökide reaalajas sünkroonimiseks
CustomPainter: tõhus kaaderhaaval joonistamine lõuendile
Lubade töötleja ja ümbervärvimispiir: salvestage joonised kujutistena seadmesse
🖌️ Põhifunktsioonid:
✍️ Jagatud reaalajas joonistamine: kõik osalejad näevad WebSocketi ülekannet kasutades koheselt üksteise lööke.
📡 Stateless WebSocket Server: Kergekaaluline Node.js server säilitab aktiivsed pistikupesaühendused ja edastab insuldi sündmusi madala latentsusega.
🎨 Lõuendimootor: puutežestid teisendatakse joonistatavateks vektoriteedeks ja renderdatakse Flutteri rakendusega CustomPainter.
📁 Ekspordi lõuend: kasutajad saavad oma kunstiteose pildina salvestada
🔧 Modulaarne arhitektuur: eraldi kihid loogika, serverisündmuste ja platvormi integreerimiseks.
Värskendatud:
28. sept 2025