Draw it

Draw it on reaaliaikainen yhteistyöpohjainen sovellus, joka on kehitetty Flutterilla käyttöliittymälle ja Node.js + Expressillä ja WebSocketilla taustasynkronointiin. Sovelluksen avulla useat käyttäjät voivat piirtää samanaikaisesti jaetulle taululle, mikä osoittaa asiantuntemusta sekä eri alustojen käyttöliittymäkehityksessä että reaaliaikaisessa verkkoviestinnässä.

🚀 Päätavoite:
Ota käyttöön saumaton, reaaliaikainen yhteistyö jaetulla piirustuspöydällä käyttämällä tehokasta, tapahtumalähtöistä arkkitehtuuria.

🧱 Tech Stack:

Flutter (Dart): Monikäyttöinen mobiilikäyttöliittymä, jossa on eleiden käsittely ja mukautettu renderöinti

Node.js + Express.js: Backend-palvelin WebSocket-tuella jatkuvaa kaksisuuntaista viestintää varten

WebSocket (ws): Viivojen reaaliaikainen synkronointi käyttäjien kesken

CustomPainter: Tehokas kehys kehykseltä piirtäminen kankaalle

Lupakäsittelijä ja uudelleenmaalausraja: Tallenna piirustukset kuvina laitteeseen

🖌️ Pääominaisuudet:

✍️ Jaettu reaaliaikainen piirustus: Kaikki osallistujat näkevät toistensa vedot välittömästi WebSocket-lähetyksen avulla.

📡 Tilaton WebSocket-palvelin: Kevyt Node.js-palvelin ylläpitää aktiivisia socket-yhteyksiä ja välittää iskutapahtumat alhaisella latenssilla.

🎨 Canvas Engine: Kosketuseleet muunnetaan piirrettäviksi vektoripoluiksi ja renderöidään Flutterin CustomPainterillä.

📁 Vie kangas: Käyttäjät voivat tallentaa taideteoksensa kuvana

🔧 Modulaarinen arkkitehtuuri: erilliset tasot piirustuslogiikkaa, palvelintapahtumia ja alustan integrointia varten.