CloudCanvasAI

An AI-powered document creation and editing platform that combines Claude AI with a real-time document preview. You chat with Claude on the left, and the generated documents (.docx, .pptx, .pdf, .xlsx) render live on the right.

What I Built

• Split-panel UI: A React + Vite frontend that pairs a streaming chat panel with a live document preview, so users see the output take shape as Claude writes it.
• FastAPI backend: REST + Server-Sent-Event streaming, sandbox lifecycle management, and authenticated file serving.
• Per-user isolation: Every session runs inside its own E2B sandbox. Isolated filesystem, no cross-user leakage, ephemeral by default.
• Agentic document tooling: The Claude Agent SDK drives dedicated skills for each file format (docx, pdf, pptx, xlsx).
• Authentication: Firebase Auth on the client, Firebase Admin SDK on the server, with ID-token verification on every request.

Why It’s Useful

• Visual feedback loop: You don’t have to wait for a download to check if the output is right. You watch it build.
• Safe multi-tenant execution: Code and file operations happen inside per-user sandboxes, not the app server.
• Composable skills: Each document format is its own skill, so adding new output types is additive rather than invasive.