Draw it

Draw it एक रीयल-टाइम सहयोगी कैनवास एप्लिकेशन है जिसे फ्रंटएंड के लिए फ़्लटर और बैकएंड सिंक्रोनाइज़ेशन के लिए WebSocket के साथ Node.js + Express का उपयोग करके विकसित किया गया है। यह ऐप कई उपयोगकर्ताओं को एक साझा बोर्ड पर एक साथ ड्रा करने की अनुमति देता है, जो क्रॉस-प्लेटफ़ॉर्म UI डेवलपमेंट और रीयल-टाइम नेटवर्क संचार दोनों में विशेषज्ञता प्रदर्शित करता है।

🚀 मुख्य उद्देश्य:

एक परफ़ॉर्मेंट, इवेंट-संचालित आर्किटेक्चर का उपयोग करके साझा ड्राइंग बोर्ड पर सहज, रीयल-टाइम सहयोग सक्षम करें।

🧱 टेक स्टैक:

फ़्लटर (डार्ट): जेस्चर हैंडलिंग और कस्टम रेंडरिंग के साथ क्रॉस-प्लेटफ़ॉर्म मोबाइल फ़्रंटएंड

Node.js + Express.js: लगातार द्वि-दिशात्मक संचार के लिए WebSocket समर्थन के साथ बैकएंड सर्वर

WebSocket (ws): उपयोगकर्ताओं के बीच स्ट्रोक के रीयल-टाइम सिंक्रोनाइज़ेशन के लिए

CustomPainter: कैनवास पर कुशल फ़्रेम-बाय-फ़्रेम ड्राइंग

अनुमति हैंडलर और रीपेंटबाउंड्री: डिवाइस पर चित्रों के रूप में ड्रॉइंग को सेव करें

🖌️ मुख्य विशेषताएँ:

✍️ साझा रीयल-टाइम ड्रॉइंग: सभी प्रतिभागी WebSocket प्रसारण का उपयोग करके एक-दूसरे के स्ट्रोक को तुरंत देख सकते हैं।

📡 स्टेटलेस WebSocket सर्वर: लाइटवेट Node.js सर्वर सक्रिय सॉकेट कनेक्शन बनाए रखता है और कम विलंबता के साथ स्ट्रोक ईवेंट रिले करता है।

🎨 कैनवास इंजन: स्पर्श जेस्चर को ड्रॉएबल वेक्टर पथों में परिवर्तित किया जाता है और फ़्लटर के CustomPainter का उपयोग करके रेंडर किया जाता है।

📁 कैनवास निर्यात करें: उपयोगकर्ता अपनी कलाकृति को छवि के रूप में सहेज सकते हैं

🔧 मॉड्यूलर आर्किटेक्चर: ड्राइंग लॉजिक, सर्वर ईवेंट और प्लेटफ़ॉर्म एकीकरण के लिए अलग-अलग परतें।