Realtime Collaborative Board

Tools and Features

Drawing board

Pointer, Pencil, Shapes, Eraser, Highlighter, Text, Move, Brush Size

Color, Image/PDF Import, PDF Export, Clear, Undo, Redo, Fullscreen

Remote Pointer, Selecting Objects, Editing Objects, Deleting Objects, Keybinds

Code Editor

Text Editor

Document Viewer

PDF Editor

Voice, Video, Screen Sharing

Chat

Attachments, typing indicator

Tabs

Creating/deleting/renaming tabs, selected tab indicator, split view

Used technologies

• UI: Polymer
• Drawing board: p5.js
• Code editor: Ace
• Text editor: Quill
• PDF editor: pdf.js
• Media sharing: WebRTC, simple-peer, Twilio
• File storage: AWS S3
• Authentication: SendGrid, Twilio, JWT
• Backend: Node.js, Express.js, MongoDB, Socket.io