Draw it

Draw it 是一個即時協作畫布應用程序，使用 Flutter 作為前端開發，並使用 Node.js + Express 和 WebSocket 作為後端同步。該應用程式允許多個用戶同時在共享板上繪圖，展示了跨平台 UI 開發和即時網路通訊方​​面的專業知識。

🚀 主要目標：

使用高效能、事件驅動的架構在共享繪圖板上實現無縫、即時協作。

🧱 技術堆疊：

Flutter（Dart）：具有手勢處理和自訂渲染的跨平台移動前端

Node.js + Express.js：支援 WebSocket 的後端伺服器，可實現持久的雙向通信

WebSocket（ws）：用於跨使用者即時同步筆畫

CustomPainter：在畫布上有效率地逐幀繪圖

權限處理程序和 RepaintBoundary：將繪圖儲存為裝置上的映像

🖌️ 核心功能：

✍️ 共享即時繪圖：所有參與者使用 WebSocket 廣播即時看到彼此的筆觸。

📡 無狀態 WebSocket 伺服器：輕量級 Node.js 伺服器維護活動的套接字連接並以低延遲傳遞筆畫事件。

🎨 Canvas Engine：觸控手勢轉換為可繪製的向量路徑，並使用 Flutter 的 CustomPainter 進行渲染。

📁 匯出畫布：使用者可以將自己的作品儲存為圖像

🔧 模組化架構：繪圖邏輯、伺服器事件和平台整合的單獨層。