https://github.com/dehwyy/canvas-websockets

https://github.com/dehwyy/canvas-websockets

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/dehwyy/canvas-websockets
• Owner: dehwyy
• Created: 2022-12-16T12:45:16.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-12-18T15:41:34.000Z (about 2 years ago)
• Last Synced: 2024-11-03T23:04:37.363Z (about 2 months ago)
• Language: TypeScript
• Size: 54.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Typescript Canvas => Websockets soon(done) => DB and refactor soon

### Custom debouncer with types

> */src/custom/debounce.ts* 

### Brush, Rectangle, Circle, Straight Line, Eraser

> */src/tools/debounce.ts*  

### Styled Components

> *src/components extends StyledComponents.tsx*

### Mobx store

> */src/store* 

 ### Custom hooks

> */src/custom/hooks*

## To run app write:

```sh

cd .\frontend\

pnpm i

pnpm run dev

#open localhost on port 5173

cd ..\backend\

npm i

npm run dev

#use App

```

### To share paint-room just copy the url:

there are issues with large pictures, so if your canvas starts di-syncing, just make new url by changing last query params