Draw it

Draw it е съвместно приложение за платно в реално време, разработено с помощта на Flutter за фронтенд и Node.js + Express с WebSocket за синхронизиране на бекенда. Приложението позволява на множество потребители да рисуват едновременно на споделена дъска, демонстрирайки опит както в разработката на потребителски интерфейс между платформи, така и в мрежовата комуникация в реално време.

🚀 Ключова цел:
Активирайте безпроблемно сътрудничество в реално време на споделена чертожна дъска, като използвате производителна, управлявана от събития архитектура.

🧱 Технически стек:

Flutter (Dart): Междуплатформен мобилен интерфейс с обработка на жестове и персонализирано изобразяване

Node.js + Express.js: Бекенд сървър с поддръжка на WebSocket за постоянна двупосочна комуникация

WebSocket (ws): За синхронизиране в реално време на ударите между потребителите

CustomPainter: Ефективно рисуване кадър по кадър върху платно

Permission Handler & RepaintBoundary: Запазете чертежи като изображения на устройството

🖌️ Основни характеристики:

✍️ Споделено рисуване в реално време: Всички участници виждат моментално щрихите на другия чрез излъчване на WebSocket.

📡 WebSocket сървър без състояние: Лекият Node.js сървър поддържа активни връзки на сокета и препредава събития на ход с ниска латентност.

🎨 Canvas Engine: жестовете с докосване се преобразуват във векторни пътеки с възможност за рисуване и се изобразяват с помощта на CustomPainter на Flutter.

📁 Експортиране на платно: Потребителите могат да запазят своето произведение на изкуството като изображение

🔧 Модулна архитектура: Отделни слоеве за логика на чертане, сървърни събития и интеграция на платформа.