Product Canvas Experiment

A multiplayer collaborative canvas for product brainstorming

Building locally

Create a Firebase project with Realtime Database and Auth enabled
Make a .env file at the root, as a copy of .env.example, filling out the necessary field(s)
Install dependencies and start the Vite server:
```
$ npm install
$ npm run dev
```

Infinite canvas - powered by the excellent React Flow.
Realtime multiplayer - powered by Firebase Realtime Database and Auth.
Realtime video collaboration – powered by WebRTC and Firebase for handshake.
Assistive voice agent - powered by the Gemini Live API
- There's also support for wake words (e.g. "Hey Gemini") to start new sessions, but as this is highly unstable and needs to be trained for each user's voice, it's hidden by default.
Concept sketch generation - powered by 🍌 Nano Banana
On-the-fly prototype generation - simplified coding agent powered by Gemini, along with an in-browser runtime powered by esbuild-wasm and inspired by JSNotebook.
Wiki-style project knowledge editor - powered by Tiptap
Video calls unobtrusive, flingable participant video bubbles

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
public		public
src		src
.env.example		.env.example
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts