Draw it

অঙ্কন এটি একটি রিয়েল-টাইম সহযোগী ক্যানভাস অ্যাপ্লিকেশন যা ফ্রন্টএন্ডের জন্য ফ্লটার এবং ব্যাকএন্ড সিঙ্ক্রোনাইজেশনের জন্য WebSocket সহ Node.js + Express ব্যবহার করে তৈরি করা হয়েছে। ক্রস-প্ল্যাটফর্ম UI ডেভেলপমেন্ট এবং রিয়েল-টাইম নেটওয়ার্ক কমিউনিকেশন উভয় ক্ষেত্রেই দক্ষতা প্রদর্শন করে অ্যাপটি একাধিক ব্যবহারকারীকে একটি শেয়ার্ড বোর্ডে একসাথে আঁকার অনুমতি দেয়।

🚀 মূল উদ্দেশ্য:
একটি পারফরম্যান্ট, ইভেন্ট-চালিত আর্কিটেকচার ব্যবহার করে শেয়ার্ড ড্রয়িং বোর্ডে বিরামহীন, রিয়েল-টাইম সহযোগিতা সক্ষম করুন।

🧱 টেক স্ট্যাক:

ফ্লাটার (ডার্ট): অঙ্গভঙ্গি হ্যান্ডলিং এবং কাস্টম রেন্ডারিং সহ ক্রস-প্ল্যাটফর্ম মোবাইল ফ্রন্টএন্ড

Node.js + Express.js: স্থায়ী দ্বি-দিকনির্দেশক যোগাযোগের জন্য WebSocket সমর্থন সহ ব্যাকএন্ড সার্ভার

WebSocket (ws): ব্যবহারকারীদের মধ্যে স্ট্রোকের রিয়েল-টাইম সিঙ্ক্রোনাইজেশনের জন্য

কাস্টম পেইন্টার: ক্যানভাসে দক্ষ ফ্রেম-বাই-ফ্রেম অঙ্কন

অনুমতি হ্যান্ডলার এবং পুনরায় পেইন্ট বাউন্ডারি: ডিভাইসে ছবি হিসাবে অঙ্কন সংরক্ষণ করুন

🖌️ মূল বৈশিষ্ট্য:

✍️ শেয়ার করা রিয়েল-টাইম অঙ্কন: সমস্ত অংশগ্রহণকারীরা ওয়েবসকেট সম্প্রচার ব্যবহার করে তাৎক্ষণিকভাবে একে অপরের স্ট্রোক দেখতে পান।

📡 স্টেটলেস ওয়েবসকেট সার্ভার: লাইটওয়েট Node.js সার্ভার সক্রিয় সকেট সংযোগ বজায় রাখে এবং কম লেটেন্সি সহ স্ট্রোক ইভেন্ট রিলে করে।

🎨 ক্যানভাস ইঞ্জিন: স্পর্শ অঙ্গভঙ্গিগুলি অঙ্কনযোগ্য ভেক্টর পাথে রূপান্তরিত হয় এবং Flutter's CustomPainter ব্যবহার করে রেন্ডার করা হয়।

📁 ক্যানভাস রপ্তানি করুন: ব্যবহারকারীরা তাদের আর্টওয়ার্ক একটি চিত্র হিসাবে সংরক্ষণ করতে পারেন

🔧 মডুলার আর্কিটেকচার: লজিক, সার্ভার ইভেন্ট এবং প্ল্যাটফর্ম ইন্টিগ্রেশন আঁকার জন্য আলাদা স্তর।