Draw it

Draw it ialah aplikasi kanvas kolaboratif masa nyata yang dibangunkan menggunakan Flutter untuk bahagian hadapan dan Node.js + Express dengan WebSocket untuk penyegerakan bahagian belakang. Aplikasi ini membolehkan berbilang pengguna melukis serentak pada papan yang dikongsi, menunjukkan kepakaran dalam pembangunan UI merentas platform dan komunikasi rangkaian masa nyata.

🚀 Objektif Utama:

Dayakan kerjasama masa nyata yang lancar pada papan lukisan kongsi menggunakan seni bina yang didorong oleh peristiwa yang berprestasi.

🧱 Timbunan Teknologi:

Flutter (Dart): Bahagian hadapan mudah alih merentas platform dengan pengendalian gerak isyarat dan pemaparan tersuai

Node.js + Express.js: Pelayan bahagian belakang dengan sokongan WebSocket untuk komunikasi dua arah yang berterusan

WebSocket (ws): Untuk penyegerakan masa nyata pukulan merentas pengguna

CustomPainter: Lukisan bingkai demi bingkai yang cekap pada kanvas

Pengendali Kebenaran & RepaintBoundary: Simpan lukisan sebagai imej pada peranti

🖌️ Ciri Teras:

✍️ Lukisan Masa Nyata Dikongsi: Semua peserta melihat pukulan satu sama lain serta-merta menggunakan siaran WebSocket.

📡 Pelayan WebSocket Tanpa Kewarganegaraan: Pelayan Node.js Ringan mengekalkan sambungan soket aktif dan menyampaikan peristiwa lejang dengan kependaman rendah.

🎨 Enjin Kanvas: Gerak isyarat sentuh ditukar kepada laluan vektor boleh lukis dan dipaparkan menggunakan Flutter's CustomPainter.

📁 Eksport Kanvas: Pengguna boleh menyimpan karya seni mereka sebagai imej

🔧 Seni Bina Modular: Lapisan berasingan untuk melukis logik, acara pelayan dan integrasi platform.