Draw it

Draw it нь урд талдаа Flutter, backend синхрончлолд зориулж WebSocket-тэй Node.js + Express ашиглан боловсруулсан бодит цагийн хамтын ажиллагааны canvas програм юм. Энэхүү програм нь олон хэрэглэгчдэд нэгэн зэрэг хуваалцсан самбар дээр зурах боломжийг олгодог бөгөөд энэ нь платформ хоорондын UI хөгжүүлэлт болон бодит цагийн сүлжээний харилцааны аль алинд нь туршлагаа харуулж байна.

🚀 Гол зорилго:
Үйл явдалд тулгуурласан архитектурыг ашиглан хуваалцсан зургийн самбар дээр тасралтгүй, бодит цагийн хамтын ажиллагааг идэвхжүүл.

🧱 Tech Stack:

Flutter (Dart): Зангаагаар зохицуулах, захиалгат дүрслэл бүхий платформ хоорондын гар утасны урд хэсэг

Node.js + Express.js: Байнгын хоёр чиглэлтэй харилцаа холбоог хангах WebSocket дэмжлэгтэй арын сервер

WebSocket (ws): Хэрэглэгчид хоорондын цохилтыг бодит цагийн синхрончлоход зориулагдсан

CustomPainter: Зурган дээр үр дүнтэй жаазаар зураг зурах

Зөвшөөрлийн зохицуулагч ба дахин будах хил: Зургийг төхөөрөмж дээр зураг хэлбэрээр хадгална

🖌️ Үндсэн онцлогууд:

✍️ Хуваалцсан бодит цагийн зураг: Бүх оролцогчид WebSocket нэвтрүүлгийг ашиглан бие биенийхээ цохилтыг шууд хардаг.

📡 Харъяалалгүй WebSocket сервер: Хөнгөн Node.js сервер нь идэвхтэй сокет холболтыг хадгалж, цус харвалтын үйл явдлыг бага хоцролттой дамжуулдаг.

🎨 Canvas Engine: Хүрэх дохиог зурж болох вектор зам болгон хувиргаж, Flutter-ийн CustomPainter ашиглан дүрсэлдэг.

📁 Canvas-г экспортлох: Хэрэглэгчид өөрсдийн уран бүтээлээ зураг болгон хадгалах боломжтой

🔧 Модульчлагдсан архитектур: Логик зурах, серверийн үйл явдал, платформыг нэгтгэх тусдаа давхаргууд.