ड्रॉ हे फ्रंटएंडसाठी फ्लटर आणि बॅकएंड सिंक्रोनाइझेशनसाठी वेबसॉकेटसह Node.js + एक्सप्रेस वापरून विकसित केलेले रिअल-टाइम सहयोगी कॅनव्हास ॲप्लिकेशन आहे. क्रॉस-प्लॅटफॉर्म UI डेव्हलपमेंट आणि रीअल-टाइम नेटवर्क कम्युनिकेशन या दोहोंमध्ये नैपुण्य दाखवून, ॲप अनेक वापरकर्त्यांना शेअर केलेल्या बोर्डवर एकाच वेळी काढू देतो.
🚀 मुख्य उद्दिष्ट:
परफॉर्मंट, इव्हेंट-चालित आर्किटेक्चर वापरून शेअर्ड ड्रॉइंग बोर्डवर अखंड, रिअल-टाइम सहयोग सक्षम करा.
🧱 टेक स्टॅक:
फ्लटर (डार्ट): जेश्चर हाताळणी आणि कस्टम रेंडरिंगसह क्रॉस-प्लॅटफॉर्म मोबाइल फ्रंटएंड
Node.js + Express.js: सतत द्वि-दिशात्मक संप्रेषणासाठी वेबसॉकेट समर्थनासह बॅकएंड सर्व्हर
WebSocket (ws): वापरकर्त्यांमधील स्ट्रोकच्या रिअल-टाइम सिंक्रोनाइझेशनसाठी
कस्टमपेंटर: कॅनव्हासवर कार्यक्षम फ्रेम-बाय-फ्रेम रेखाचित्र
परवानगी हँडलर आणि रीपेंट सीमा: डिव्हाइसवर प्रतिमा म्हणून रेखाचित्रे जतन करा
🖌️ मुख्य वैशिष्ट्ये:
✍️ शेअर केलेले रिअल-टाइम रेखांकन: सर्व सहभागी वेबसॉकेट ब्रॉडकास्ट वापरून एकमेकांचे स्ट्रोक त्वरित पाहतात.
📡 स्टेटलेस वेबसॉकेट सर्व्हर: लाइटवेट Node.js सर्व्हर सक्रिय सॉकेट कनेक्शन राखतो आणि स्ट्रोक इव्हेंट्स कमी लेटन्सीसह रिले करतो.
🎨 कॅनव्हास इंजिन: स्पर्श जेश्चर ड्रॉ करण्यायोग्य वेक्टर मार्गांमध्ये रूपांतरित केले जातात आणि फ्लटरच्या कस्टमपेंटरचा वापर करून प्रस्तुत केले जातात.
📁 कॅनव्हास निर्यात करा: वापरकर्ते त्यांची कलाकृती प्रतिमा म्हणून जतन करू शकतात
🔧 मॉड्यूलर आर्किटेक्चर: ड्रॉइंग लॉजिक, सर्व्हर इव्हेंट्स आणि प्लॅटफॉर्म एकत्रीकरणासाठी वेगळे स्तर.
या रोजी अपडेट केले
२८ सप्टें, २०२५