Draw it

Draw it est une application canevas collaborative en temps réel, développée avec Flutter pour le front-end et Node.js + Express avec WebSocket pour la synchronisation back-end. L'application permet à plusieurs utilisateurs de dessiner simultanément sur un tableau partagé, démontrant ainsi son expertise en développement d'interface utilisateur multiplateforme et en communication réseau en temps réel.

🚀 Objectif principal :

Permettre une collaboration fluide et en temps réel sur un tableau partagé grâce à une architecture performante et pilotée par événements.

🧱 Pile technologique :

Flutter (Dart) : Interface mobile multiplateforme avec gestion des gestes et rendu personnalisé

Node.js + Express.js : Serveur back-end avec prise en charge WebSocket pour une communication bidirectionnelle persistante

WebSocket (ws) : Synchronisation en temps réel des tracés entre utilisateurs

CustomPainter : Dessin image par image efficace sur le canevas

Gestionnaire d'autorisations et RepaintBoundary : Enregistrement des dessins sous forme d'images sur l'appareil

🖌️ Fonctionnalités principales :

✍️ Dessin partagé en temps réel : Tous les participants voient instantanément les tracés des autres grâce à la diffusion WebSocket.

📡 Serveur WebSocket sans état : Le serveur Node.js léger maintient les connexions socket actives et relaie les événements de tracé avec une faible latence.

🎨 Moteur Canvas : Les gestes tactiles sont convertis en tracés vectoriels dessinables et rendus grâce à CustomPainter de Flutter.

📁 Exporter le canevas : les utilisateurs peuvent enregistrer leurs créations sous forme d'image.

🔧 Architecture modulaire : couches distinctes pour la logique de dessin, les événements serveur et l'intégration à la plateforme.