Draw it

Draw သည် frontend အတွက် Flutter နှင့် backend synchronization အတွက် WebSocket ဖြင့် Node.js + Express ကို အသုံးပြု၍ ဖန်တီးထားသည့် အချိန်နှင့်တပြေးညီ ပူးပေါင်းဆောင်ရွက်သော ပတ္တူပလီကေးရှင်းတစ်ခုဖြစ်သည်။ အပလီကေးရှင်းသည် အသုံးပြုသူအများအပြားကို မျှဝေထားသောဘုတ်ပေါ်တွင် တစ်ပြိုင်နက်ရေးဆွဲနိုင်စေကာ၊ cross-platform UI ဖွံ့ဖြိုးတိုးတက်မှုနှင့် အချိန်နှင့်တစ်ပြေးညီ ကွန်ရက်ဆက်သွယ်မှုနှစ်ခုလုံးတွင် ကျွမ်းကျင်မှုကို သရုပ်ပြခွင့်ပြုသည်။

🚀 အဓိက ရည်ရွယ်ချက်-
ဖျော်ဖြေတင်ဆက်မှုဖြင့် အဖြစ်အပျက်ကို မောင်းနှင်သည့် ဗိသုကာပညာကို အသုံးပြု၍ မျှဝေထားသော ပုံဆွဲဘုတ်ပေါ်တွင် ချောမွေ့ပြီး အချိန်နှင့်တပြေးညီ ပူးပေါင်းမှုကို ဖွင့်ပါ။

🧱 Tech Stack:

Flutter (Dart)- လက်ဟန်ခြေဟန်ဖြင့် ကိုင်တွယ်ခြင်းနှင့် စိတ်ကြိုက်ပုံဖော်ခြင်းတို့ဖြင့် ဖြတ်ကျော်သည့် ပလပ်ဖောင်း မိုဘိုင်းရှေ့တန်း

Node.js + Express.js- အမြဲတစေ နှစ်လမ်းညွန် ဆက်သွယ်မှုအတွက် WebSocket ပံ့ပိုးမှုဖြင့် Backend ဆာဗာ

WebSocket (ws): အသုံးပြုသူများကြား လေဖြတ်ခြင်းများကို အချိန်နှင့်တစ်ပြေးညီ ထပ်တူပြုခြင်းအတွက်

CustomPainter- ကင်းဗတ်ပေါ်တွင် ထိရောက်သော ဘောင်တစ်ခုပြီးတစ်ခု ပုံဆွဲခြင်း။

ခွင့်ပြုချက်ကိုင်တွယ်သူနှင့် RepaintBoundary- ပုံများကို စက်ပေါ်တွင် ပုံများအဖြစ် သိမ်းဆည်းပါ။

🖌️ အဓိကအင်္ဂါရပ်များ-

✍️ အချိန်နှင့်တပြေးညီ မျှဝေထားသော ပုံဆွဲခြင်း- ပါဝင်သူအားလုံးသည် WebSocket ထုတ်လွှင့်မှုကို အသုံးပြု၍ တစ်ဦးနှင့်တစ်ဦး၏ လေဖြတ်ခြင်းကို ချက်ချင်းတွေ့မြင်နိုင်သည်။

📡 နိုင်ငံမဲ့ WebSocket ဆာဗာ- ပေါ့ပါးသော Node.js ဆာဗာသည် အသက်ဝင်သော socket ချိတ်ဆက်မှုများကို ထိန်းသိမ်းထားပြီး လေဖြတ်ခြင်းဖြစ်ရပ်များကို latency နည်းပါးစွာ ပြုလုပ်ပေးပါသည်။

🎨 Canvas Engine- ထိတွေ့လက်ဟန်များကို ဆွဲယူနိုင်သော vector လမ်းကြောင်းများအဖြစ်သို့ ပြောင်းလဲပြီး Flutter ၏ CustomPainter ကို အသုံးပြု၍ ပြန်ဆိုထားသည်။

📁 ပတ္တူထုတ်ရန်- အသုံးပြုသူများသည် ၎င်းတို့၏ အနုပညာလက်ရာကို ရုပ်ပုံအဖြစ် သိမ်းဆည်းနိုင်သည်။

🔧 Modular Architecture- ယုတ္တိဗေဒပုံဆွဲခြင်း၊ ဆာဗာဖြစ်ရပ်များနှင့် ပလက်ဖောင်းပေါင်းစည်းခြင်းအတွက် သီးခြားအလွှာများ။