Draw it

Draw it هو تطبيق لوحة رسم تعاوني فوري، مُطوّر باستخدام Flutter للواجهة الأمامية وNode.js + Express مع WebSocket لمزامنة الواجهة الخلفية. يتيح التطبيق لمستخدمين متعددين الرسم في آنٍ واحد على لوحة رسم مشتركة، مما يُظهر خبرةً في تطوير واجهات المستخدم متعددة المنصات والتواصل الشبكي الفوري.

🚀 الهدف الرئيسي:

تمكين تعاون سلس وفوري على لوحة رسم مشتركة باستخدام بنية عالية الأداء تعتمد على الأحداث.

حزمة التقنيات 🧱:

فلاتر (دارت): واجهة أمامية متعددة المنصات للهواتف المحمولة مع معالجة للإيماءات ورسم مخصص.

نود.جي إس + إكسبريس.جي إس: خادم خلفي يدعم WebSocket للتواصل ثنائي الاتجاه المستمر.

ويب سوكيت (WS): لمزامنة فورية للخطوط بين المستخدمين.

CustomPainter: رسم فعال إطارًا بإطار على لوحة الرسم.

معالج الأذونات وإعادة رسم الحدود: حفظ الرسومات كصور على الجهاز.

🖌️ الميزات الأساسية:

✍️ رسم مشترك فوري: يرى جميع المشاركين خطوط بعضهم البعض فورًا باستخدام بث WebSocket.

📡 خادم WebSocket بدون جنسية: يحافظ خادم Node.js خفيف الوزن على اتصالات المقابس النشطة وينقل أحداث الخطوط بزمن انتقال منخفض.

🎨 محرك Canvas: يتم تحويل إيماءات اللمس إلى مسارات متجهة قابلة للرسم ويتم رسمها باستخدام CustomPainter من Flutter.

📁 تصدير لوحة الرسم: يمكن للمستخدمين حفظ أعمالهم الفنية كصورة.

🔧 بنية معيارية: طبقات منفصلة لمنطق الرسم، وأحداث الخادم، وتكامل المنصة.