Draw it

I-Draw it uhlelo lokusebenza lwekhanvasi lwesikhathi sangempela olwakhiwe kusetshenziswa i-Flutter ye-frontend kanye ne-Node.js + Express nge-WebSocket yokuvumelanisa okungemuva. Uhlelo lokusebenza luvumela abasebenzisi abaningi ukuthi badwebe ngesikhathi esisodwa ebhodini okwabelwana ngalo, babonise ubuchwepheshe kukho kokubili ukuthuthukiswa kwe-UI yezingxenyekazi eziningi kanye nokuxhumana kwenethiwekhi kwesikhathi sangempela.

🚀 Inhloso esemqoka:
Nika amandla ukusebenzisana okungenazihibe, kwesikhathi sangempela ebhodini lokudweba okwabelwana ngalo usebenzisa umdwebi, isakhiwo esiqhutshwa umcimbi.

🧱 Isitaki Sobuchwepheshe:

I-Flutter (i-Dart): I-front-platform mobile frontend ephethe ukuthinta nokunikezwa ngokwezifiso

I-Node.js + Express.js: Iseva ye-backend enokusekelwa kwe-WebSocket yokuxhumana okuphikelelayo kwe-bi-directional

I-WebSocket (ws): Ngokuvumelanisa kwesikhathi sangempela sokushaywa kubasebenzisi bonke

I-CustomPainter: Umdwebo osebenzayo wozimele ngohlaka kukhanvasi

Isibambi Semvume & I-RepaintBoundary: Londoloza imidwebo njengezithombe kudivayisi

🖌️ Izici Eziyinhloko:

✍️ Umdwebo Wesikhathi Sangempela Owabiwe: Bonke ababambiqhaza babona imivimbo yomunye nomunye ngaso leso sikhathi besebenzisa ukusakaza kwe-WebSocket.

📡 Iseva ye-WebSocket Engenasimo: Iseva ye-Node.js Engasindi igcina uxhumo olusebenzayo lwesokhethi futhi idlulisela imicimbi ye-stroke ngokubambezeleka okuphansi.

🎨 Injini Yekhanvasi: Ukuthinta kuguqulwa kube izindlela zevekhtha ezidonsekayo futhi kunikezwa kusetshenziswa I-Flutter's CustomPainter.

📁 Thumela amakhanvasi: Abasebenzisi bangalondoloza umsebenzi wabo wobuciko njengesithombe

🔧 I-Modular Architecture: Izendlalelo ezihlukene zokudweba ingqondo, imicimbi yeseva, nokuhlanganiswa kweplathifomu.