Replidraw

A tiny Figma-like multiplayer graphics editor built with Reflect.

Running live at reflect-draw.vercel.app.

Install

npm install

Develop

# Run local Reflect server
npx reflect dev

# Run UI
NEXT_PUBLIC_REFLECT_SERVER=http://127.0.0.1:8080/ \
npm run dev

Publish

# Publish app
npx reflect publish --app reflect-draw

# Publish UI somewhere, Vercel works
npx vercel

# You'll have to set the environment variable on Vercel:
# NEXT_PUBLIC_REFLECT_SERVER=<whatever-was-printed-by-reflect-publish>

Building your Own Thing

1. Clone this project
2. npm install
3. Adjust the mutators, subscribers, and entities in datamodel/ to implement your domain objects.
4. Implement your UI by calling the subscribers and mutators. See existing UI in frontend for an example.
5. Have fun 😀.