Draw यो फ्रन्टएन्डको लागि Flutter र ब्याकएन्ड सिङ्क्रोनाइजेसनको लागि WebSocket सँग Node.js + Express प्रयोग गरेर विकसित गरिएको वास्तविक-समय सहयोगी क्यानभास अनुप्रयोग हो। एपले क्रस-प्लेटफर्म UI विकास र वास्तविक-समय नेटवर्क संचार दुवैमा विशेषज्ञता प्रदर्शन गर्दै साझा बोर्डमा एकै साथ धेरै प्रयोगकर्ताहरूलाई आकर्षित गर्न अनुमति दिन्छ।
🚀 मुख्य उद्देश्य:
प्रदर्शनकारी, घटना-संचालित वास्तुकला प्रयोग गरेर साझा रेखाचित्र बोर्डमा सिमलेस, वास्तविक-समय सहयोग सक्षम गर्नुहोस्।
🧱 टेक स्ट्याक:
फ्लटर (डार्ट): क्रस-प्लेटफर्म मोबाइल फ्रन्टएन्ड इशारा ह्यान्डलिंग र अनुकूलन प्रतिपादनको साथ
Node.js + Express.js: निरन्तर द्वि-दिशात्मक संचारको लागि WebSocket समर्थनको साथ ब्याकएन्ड सर्भर
WebSocket (ws): प्रयोगकर्ताहरू बीच स्ट्रोकहरूको वास्तविक-समय सिङ्क्रोनाइजेसनको लागि
CustomPainter: क्यानभासमा कुशल फ्रेम-द्वारा-फ्रेम रेखाचित्र
अनुमति ह्यान्डलर र RepaintBoundary: यन्त्रमा छविहरूको रूपमा रेखाचित्र बचत गर्नुहोस्
🖌️ मुख्य विशेषताहरु:
✍️ साझा वास्तविक-समय रेखाचित्र: सबै सहभागीहरूले WebSocket प्रसारण प्रयोग गरेर तुरुन्तै एकअर्काको स्ट्रोकहरू देख्छन्।
📡 स्टेटलेस वेबसकेट सर्भर: लाइटवेट Node.js सर्भरले सक्रिय सकेट जडानहरू कायम राख्छ र कम विलम्बताका साथ स्ट्रोक घटनाहरू रिले गर्दछ।
🎨 क्यानभास इन्जिन: टच इशाराहरूलाई चित्रण गर्न मिल्ने भेक्टर पथहरूमा रूपान्तरण गरिन्छ र Flutter's CustomPainter प्रयोग गरेर रेन्डर गरिन्छ।
📁 क्यानभास निर्यात गर्नुहोस्: प्रयोगकर्ताहरूले आफ्नो कलाकृतिलाई छविको रूपमा बचत गर्न सक्छन्
🔧 मोड्युलर आर्किटेक्चर: रेखाचित्र तर्क, सर्भर घटनाहरू, र प्लेटफर्म एकीकरणको लागि अलग तहहरू।
मा अपडेट गरिएको
२०२५ सेप्टेम्बर २८