Draw it
by Sarthak Patil
Draw, doodle, and create freely ā your canvas, your rules
| App Name | Draw it |
|---|---|
| Developer | Sarthak Patil |
| Category | Art & Design |
| Download Size | 16 MB |
| Latest Version | 1.0.2 |
| Average Rating | 0.00 |
| Rating Count | 0 |
| Google Play | Download |
| AppBrain | Download Draw it Android app |
Draw it is a real-time collaborative canvas application developed using Flutter for the frontend and Node.js + Express with WebSocket for backend synchronization. The app allows multiple users to draw simultaneously on a shared board, demonstrating expertise in both cross-platform UI development and real-time network communication.
š Key Objective:
Enable seamless, real-time collaboration on a shared drawing board using a performant, event-driven architecture.
š§± Tech Stack:
Flutter (Dart): Cross-platform mobile frontend with gesture handling and custom rendering
Node.js + Express.js: Backend server with WebSocket support for persistent bi-directional communication
WebSocket (ws): For real-time synchronization of strokes across users
CustomPainter: Efficient frame-by-frame drawing on canvas
Permission Handler & RepaintBoundary: Save drawings as images on device
šļø Core Features:
āļø Shared Real-Time Drawing: All participants see each other's strokes instantly using WebSocket broadcast.
š” Stateless WebSocket Server: Lightweight Node.js server maintains active socket connections and relays stroke events with low latency.
šØ Canvas Engine: Touch gestures are converted into drawable vector paths and rendered using Flutter's CustomPainter.
š Export Canvas: Users can save their artwork as an image
š§ Modular Architecture: Separate layers for drawing logic, server events, and platform integration.
Recent changes:
Initial Verison of Draw it
š Key Objective:
Enable seamless, real-time collaboration on a shared drawing board using a performant, event-driven architecture.
š§± Tech Stack:
Flutter (Dart): Cross-platform mobile frontend with gesture handling and custom rendering
Node.js + Express.js: Backend server with WebSocket support for persistent bi-directional communication
WebSocket (ws): For real-time synchronization of strokes across users
CustomPainter: Efficient frame-by-frame drawing on canvas
Permission Handler & RepaintBoundary: Save drawings as images on device
šļø Core Features:
āļø Shared Real-Time Drawing: All participants see each other's strokes instantly using WebSocket broadcast.
š” Stateless WebSocket Server: Lightweight Node.js server maintains active socket connections and relays stroke events with low latency.
šØ Canvas Engine: Touch gestures are converted into drawable vector paths and rendered using Flutter's CustomPainter.
š Export Canvas: Users can save their artwork as an image
š§ Modular Architecture: Separate layers for drawing logic, server events, and platform integration.
Recent changes:
Initial Verison of Draw it
