Draw it

Draw it adalah aplikasi kanvas kolaboratif real-time yang dikembangkan menggunakan Flutter untuk frontend dan Node.js + Express dengan WebSocket untuk sinkronisasi backend. Aplikasi ini memungkinkan beberapa pengguna untuk menggambar secara bersamaan di papan bersama, menunjukkan keahlian dalam pengembangan UI lintas platform dan komunikasi jaringan real-time.

🚀 Tujuan Utama:

Memungkinkan kolaborasi real-time yang lancar di papan gambar bersama menggunakan arsitektur yang berkinerja dan digerakkan oleh peristiwa.

🧱 Tumpukan Teknologi:

Flutter (Dart): Antarmuka seluler lintas platform dengan penanganan gestur dan rendering khusus

Node.js + Express.js: Server backend dengan dukungan WebSocket untuk komunikasi dua arah yang terus-menerus

WebSocket (ws): Untuk sinkronisasi guratan antar pengguna secara real-time

CustomPainter: Gambar bingkai demi bingkai yang efisien di kanvas

Permission Handler & RepaintBoundary: Menyimpan gambar sebagai gambar di perangkat

🖌️ Fitur Inti:

✍️ Gambar Real-Time Bersama: Semua peserta melihat guratan satu sama lain secara instan menggunakan siaran WebSocket.

📡 Server WebSocket Stateless: Server Node.js yang ringan mempertahankan koneksi soket aktif dan menyampaikan kejadian guratan dengan latensi rendah.

🎨 Canvas Engine: Isyarat sentuh diubah menjadi jalur vektor yang dapat digambar dan dirender menggunakan CustomPainter Flutter.

📁 Ekspor Kanvas: Pengguna dapat menyimpan karya seni mereka sebagai gambar

🔧 Arsitektur Modular: Lapisan terpisah untuk logika menggambar, peristiwa server, dan integrasi platform.