Draw it

Το Draw it είναι μια συλλογική εφαρμογή καμβά σε πραγματικό χρόνο που αναπτύχθηκε χρησιμοποιώντας Flutter για το frontend και Node.js + Express με WebSocket για συγχρονισμό backend. Η εφαρμογή επιτρέπει σε πολλούς χρήστες να σχεδιάζουν ταυτόχρονα σε έναν κοινόχρηστο πίνακα, επιδεικνύοντας τεχνογνωσία τόσο στην ανάπτυξη διεπαφής χρήστη μεταξύ πλατφορμών όσο και στην επικοινωνία δικτύου σε πραγματικό χρόνο.

🚀 Βασικός στόχος:
Ενεργοποιήστε την απρόσκοπτη συνεργασία σε πραγματικό χρόνο σε έναν κοινόχρηστο πίνακα σχεδίασης χρησιμοποιώντας μια αρχιτεκτονική απόδοσης, βασισμένη σε γεγονότα.

🧱 Tech Stack:

Flutter (Dart): Μπροστινό μέρος για φορητές συσκευές πολλαπλών πλατφορμών με χειρισμό χειρονομιών και προσαρμοσμένη απόδοση

Node.js + Express.js: Διακομιστής Backend με υποστήριξη WebSocket για επίμονη αμφίδρομη επικοινωνία

WebSocket (ws): Για συγχρονισμό σε πραγματικό χρόνο των εγκεφαλικών επεισοδίων μεταξύ των χρηστών

CustomPainter: Αποτελεσματικό σχέδιο καρέ-καρέ σε καμβά

Permission Handler & RepaintBoundary: Αποθηκεύστε τα σχέδια ως εικόνες στη συσκευή

🖌️ Βασικά χαρακτηριστικά:

✍️ Κοινόχρηστο σχέδιο σε πραγματικό χρόνο: Όλοι οι συμμετέχοντες βλέπουν ο ένας τις πινελιές του άλλου αμέσως χρησιμοποιώντας την εκπομπή WebSocket.

📡 Διακομιστής WebSocket χωρίς κατάσταση: Ο ελαφρύς διακομιστής Node.js διατηρεί ενεργές συνδέσεις υποδοχής και αναμεταδίδει συμβάντα διαδρομής με χαμηλή καθυστέρηση.

🎨 Canvas Engine: Οι χειρονομίες αφής μετατρέπονται σε διανυσματικά μονοπάτια που μπορούν να σχεδιαστούν και αποδίδονται χρησιμοποιώντας το CustomPainter του Flutter.

📁 Εξαγωγή καμβά: Οι χρήστες μπορούν να αποθηκεύσουν το έργο τέχνης τους ως εικόνα

🔧 Modular Architecture: Ξεχωριστά επίπεδα για λογική σχεδίασης, συμβάντα διακομιστή και ενοποίηση πλατφόρμας.