Real-time collaborative notes and task management workspace
Build a real-time collaborative workspace web app. Users open a browser page, create or join a shared "session," and collaborate live on shared notes, a to-do checklist, and a freehand whiteboard, with lightweight presence showing who's currently in the session. When they're done, they can share a session's contents out to a teammate, and sessions can be closed/deleted. Trigger it with HTTP routes. Serve the main UI at its own route (space-authenticated), rendered as a single React app. Back it with a small set of API routes the client calls: a high-frequency read-only endpoint for polling the session list and syncing current state (this must be a separate, read-only handler so constant polling never blocks writes), a write handler for actions like create/join/leave, update notes, add/toggle/delete to-do items, add/clear whiteboard strokes, heartbeat presence, and delete session, plus a route to close a session and a route to share a session's notes. Persist all session state in a shared named volume. The writer that mutates a session should use exclusive concurrency; the poll/read endpoints should mount the volume read-only so they run in parallel. Keep presence fresh with a periodic heartbeat write from the client rather than writing on every sync. For sharing, have the share route load the session and fan its notes and action items out to the chosen channel, so exactly one delivery happens per request: deliver by direct message to a chat tool (I used Slack — or your team's chat tool) and/or by email (I used SendGrid — or any transactional email API). Resolve the recipient from an explicit address or the signed-in user's authenticated email. Connect these via connectors so no credentials live in code. Design the UI to be genuinely polished and shareable — a session lobby, a session view with tabs for notes / checklist / whiteboard, presence indicators, and a share menu. Tools used: Slack, SendGrid
What this prompt builds
A real-time collaborative workspace where teams can simultaneously edit shared notes, manage action items, and use a whiteboard together in the browser. Built for customer success managers, support engineers, and any team that needs live collaboration during calls or meetings. Sessions can be shared out via Slack or email when complete.
The problem
Teams sharing notes during calls and meetings face dropped action items and miscommunication when collaboration isn't happening in real time. Customer success managers, support engineers, and other collaborative roles need a shared workspace where everyone sees the same notes, tasks, and whiteboard simultaneously — not separate documents synced after the fact. This workflow delivers a browser-based session where teammates (or even customers) join a live workspace, take notes together, assign action items as they're discussed, and share a single source of truth that prevents misalignment.
Solution and impact
The workflow creates live collaborative sessions with synchronized notes, a shared checklist for action items, and a freehand whiteboard — all visible to every participant in real time. Presence indicators show who's currently in the session, and when collaboration wraps up, the session's contents can be shared to Slack or email with one click. Teams eliminate the back-and-forth of reconciling separate notes, ensure action items are captured as they're decided, and give everyone the same context during and after every meeting.