Draw it

Draw it je spoločná aplikácia na plátne v reálnom čase vyvinutá pomocou Flutter pre frontend a Node.js + Express s WebSocket na synchronizáciu backendu. Aplikácia umožňuje viacerým používateľom kresliť súčasne na zdieľanej tabuli, čím demonštruje odborné znalosti v oblasti vývoja používateľského rozhrania naprieč platformami a sieťovej komunikácie v reálnom čase.

🚀 Hlavný cieľ:
Umožnite bezproblémovú spoluprácu v reálnom čase na zdieľanej rysovacej doske pomocou výkonnej architektúry riadenej udalosťami.

🧱 Tech Stack:

Flutter (Dart): Multiplatformový mobilný frontend s ovládaním gest a vlastným vykresľovaním

Node.js + Express.js: Backend server s podporou WebSocket pre trvalú obojsmernú komunikáciu

WebSocket (ws): Pre synchronizáciu ťahov v reálnom čase medzi používateľmi

CustomPainter: Efektívne kreslenie po jednotlivých snímkach na plátne

Nástroj na spracovanie povolení a prekreslenie hraníc: Uložte kresby ako obrázky na zariadení

🖌️ Základné vlastnosti:

✍️ Zdieľané kreslenie v reálnom čase: Všetci účastníci okamžite uvidia navzájom svoje ťahy pomocou vysielania WebSocket.

📡 Bezstavový server WebSocket: Odľahčený server Node.js udržiava aktívne pripojenia soketov a prenáša udalosti zdvihu s nízkou latenciou.

🎨Canvas Engine: Dotykové gestá sa prevedú na kresleteľné vektorové cesty a vykreslia pomocou Flutter's CustomPainter.

📁 Exportovať plátno: Používatelia môžu uložiť svoje umelecké diela ako obrázok

🔧 Modulárna architektúra: Samostatné vrstvy pre logiku kreslenia, udalosti servera a integráciu platformy.