Draw it er en real-time kollaborativ lƦrredsapplikation udviklet ved hjƦlp af Flutter til frontend og Node.js + Express med WebSocket til backend-synkronisering. Appen giver flere brugere mulighed for at tegne samtidigt pƄ en delt tavle og demonstrerer ekspertise i bƄde udvikling af grƦnseflader pƄ tvƦrs af platforme og netvƦrkskommunikation i realtid.
š NĆøglemĆ„l: Aktiver problemfrit samarbejde i realtid pĆ„ et fƦlles tegnebrƦt ved hjƦlp af en effektiv, begivenhedsdrevet arkitektur.
š§± Tech Stack:
Flutter (Dart): Mobile frontend pƄ tvƦrs af platforme med gestushƄndtering og tilpasset gengivelse
Node.js + Express.js: Backend-server med WebSocket-understĆøttelse til vedvarende tovejskommunikation
WebSocket (ws): Til realtidssynkronisering af streger pƄ tvƦrs af brugere
Permission Handler & RepaintBoundary: Gem tegninger som billeder pƄ enheden
šļø Kernefunktioner:
āļø Delt realtidstegning: Alle deltagere ser hinandens streger Ćøjeblikkeligt ved hjƦlp af WebSocket-udsendelse.
š” Stateless WebSocket Server: LetvƦgts Node.js-server vedligeholder aktive socketforbindelser og videresender slaghƦndelser med lav latenstid.
šØ Canvas Engine: BerĆøringsbevƦgelser konverteres til tegnebare vektorbaner og gengives ved hjƦlp af Flutters CustomPainter.
š Eksporter lƦrred: Brugere kan gemme deres illustrationer som et billede
š§ ModulƦr arkitektur: Separate lag til tegning af logik, serverhƦndelser og platformintegration.
Opdateret
29. maj 2025
Kunst og design
Datasikkerhed
arrow_forward
For at du kan beskytte dine data, er det vigtigt at sætte sig ind i, hvordan udviklere indsamler og deler disse data. Databeskyttelses- og sikkerhedsprocedurer kan variere afhængigt af din brug, din region og din alder. Udvikleren har leveret disse oplysninger og kan løbende opdatere dem.