https://github.com/rocicorp/reflect-draw
https://github.com/rocicorp/reflect-draw
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/rocicorp/reflect-draw
- Owner: rocicorp
- License: other
- Created: 2022-01-29T02:36:03.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-11T07:16:48.000Z (about 2 years ago)
- Last Synced: 2025-03-24T08:48:15.885Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://reflect-draw.vercel.app
- Size: 14.4 MB
- Stars: 17
- Watchers: 11
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Replidraw
A tiny Figma-like multiplayer graphics editor built with [Reflect](https://reflect.net/).
Running live at [reflect-draw.vercel.app](https://reflect-draw.vercel.app/).
## Install
```bash
npm install
```
## Develop
```bash
# Run local Reflect server
npx reflect dev
# Run UI
NEXT_PUBLIC_REFLECT_SERVER=http://127.0.0.1:8080/ \
npm run dev
```
## Publish
```bash
# 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=
```
## 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 😀.