reflect-draw
reflect-draw copied to clipboard
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
- Clone this project
-
npm install
- Adjust the mutators, subscribers, and entities in
datamodel/
to implement your domain objects. - Implement your UI by calling the subscribers and mutators. See existing UI in
frontend
for an example. - Have fun 😀.