Draw it

Draw it, ön uç için Flutter ve arka uç senkronizasyonu için WebSocket ile Node.js + Express kullanılarak geliştirilen gerçek zamanlı bir işbirlikçi tuval uygulamasıdır. Uygulama, birden fazla kullanıcının paylaşılan bir tahtada aynı anda çizim yapmasına olanak tanır ve hem platformlar arası kullanıcı arayüzü geliştirme hem de gerçek zamanlı ağ iletişimi konusunda uzmanlık gösterir.

🚀 Temel Amaç:

Performanslı, olay odaklı bir mimari kullanarak paylaşılan bir çizim tahtasında sorunsuz, gerçek zamanlı iş birliğini etkinleştirin.

🧱 Teknoloji Yığını:

Flutter (Dart): Jest işleme ve özel işleme ile platformlar arası mobil ön uç

Node.js + Express.js: Kalıcı çift yönlü iletişim için WebSocket desteğine sahip arka uç sunucusu

WebSocket (ws): Kullanıcılar arasında vuruşların gerçek zamanlı senkronizasyonu için

CustomPainter: Tuval üzerinde kare kare verimli çizim

İzin İşleyici ve RepaintBoundary: Çizimleri cihazda görüntü olarak kaydetme

🖌️ Temel Özellikler:

✍️ Paylaşılan Gerçek Zamanlı Çizim: Tüm katılımcılar WebSocket yayını kullanarak birbirlerinin vuruşlarını anında görür.

📡 Durumsuz WebSocket Sunucusu: Hafif Node.js sunucusu etkin soket bağlantılarını korur ve vuruş olaylarını düşük gecikmeyle iletir.

🎨 Canvas Motoru: Dokunma hareketleri çizilebilir vektör yollarına dönüştürülür ve Flutter'ın CustomPainter'ı kullanılarak işlenir.

📁 Tuvali Dışa Aktar: Kullanıcılar sanat eserlerini bir resim olarak kaydedebilir

🔧 Modüler Mimari: Çizim mantığı, sunucu olayları ve platform entegrasyonu için ayrı katmanlar.