Draw it

Draw it הוא אפליקציית קנבס שיתופית בזמן אמת שפותחה באמצעות Flutter עבור ה-frontend ו-Node.js + Express עם WebSocket לסנכרון אחורי. האפליקציה מאפשרת למספר משתמשים לצייר בו-זמנית על לוח משותף, תוך הפגנת מומחיות הן בפיתוח ממשק משתמש חוצה פלטפורמות והן בתקשורת רשת בזמן אמת.

🚀 מטרת מפתח:
אפשר שיתוף פעולה חלק בזמן אמת על לוח שרטוט משותף באמצעות ארכיטקטורה מונעת אירועים ביצועיים.

🧱 ערימת טכנולוגיה:

Flutter (Dart): Frontend נייד חוצה פלטפורמות עם טיפול במחוות ועיבוד מותאם אישית

Node.js + Express.js: שרת אחורי עם תמיכה ב-WebSocket לתקשורת דו-כיוונית מתמשכת

WebSocket (ws): לסנכרון בזמן אמת של משיכות בין משתמשים

CustomPainter: ציור יעיל מסגרת אחר מסגרת על קנבס

מטפל בהרשאות ו-RepaintBoundary: שמור שרטוטים כתמונות במכשיר

🖌️ תכונות ליבה:

✍️ ציור משותף בזמן אמת: כל המשתתפים רואים זה את משיכותיו של זה באופן מיידי באמצעות שידור WebSocket.

📡 שרת WebSocket ללא מצב: שרת Node.js קל משקל שומר על חיבורי שקע פעילים ומעביר אירועי שבץ עם חביון נמוך.

🎨 מנוע קנבס: מחוות מגע מומרות לנתיבים וקטוריים ניתנים לציור ומעובדות באמצעות CustomPainter של Flutter.

📁 ייצוא קנבס: משתמשים יכולים לשמור את הגרפיקה שלהם כתמונה

🔧 ארכיטקטורה מודולרית: שכבות נפרדות לשרטוט לוגיקה, אירועי שרת ושילוב פלטפורמה.