Draw it

Draw аны фронт үчүн Flutter жана сервердик синхрондоштуруу үчүн WebSocket менен Node.js + Express аркылуу иштелип чыккан реалдуу убакыттагы биргелешкен кенеп тиркемеси. Колдонмо бир нече колдонуучуларга бир эле учурда жалпы доскада сүрөт тартууга мүмкүндүк берет, бул платформалар аралык интерфейсти иштеп чыгууда жана реалдуу убакытта тармактык байланышта тажрыйбаны көрсөтөт.

🚀 Негизги максат:
Аткаруучу, окуяга негизделген архитектураны колдонуп, бөлүшүлгөн сүрөт тактасында үзгүлтүксүз, реалдуу убакытта кызматташууну иштетиңиз.

🧱 Tech Stack:

Flutter (Дарт): жаңсоо менен иштөө жана ыңгайлаштырылган көрсөтүү менен кайчылаш-платформалык мобилдик фронтон

Node.js + Express.js: туруктуу эки багыттуу байланыш үчүн WebSocket колдоосу менен сервер сервери

WebSocket (ws): Колдонуучулар арасында штрихтерди реалдуу убакытта синхрондоштуруу үчүн

CustomPainter: холстка эффективдүү кадр-кадр чийүү

Уруксат иштеткич & RepaintBundary: Чиймелерди түзмөктө сүрөттөр катары сактаңыз

🖌️ Негизги өзгөчөлүктөрү:

✍️ Бөлүшүлгөн реалдуу убакытта сүрөт тартуу: Бардык катышуучулар бири-биринин штрихтерин WebSocket уктуруусу аркылуу заматта көрүшөт.

📡 Жарандыгы жок WebSocket Server: Жеңил Node.js сервери активдүү розетка туташууларын колдойт жана инсульт окуяларын аз күтүү менен өткөрүп берет.

🎨 Canvas Engine: Тийүү жаңсоолору тартыла турган вектордук жолдорго айландырылат жана Flutter's CustomPainter аркылуу көрсөтүлөт.

📁 Экспорттук Canvas: Колдонуучулар өз чыгармаларын сүрөт катары сактай алышат

🔧 Модулдук архитектура: Логиканы, сервер окуяларын жана платформаны интеграциялоо үчүн өзүнчө катмарлар.