Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kriziu/collabio
Real-time whiteboard
https://github.com/kriziu/collabio
canvas canvas2d nextjs react realtime socket-io typescript
Last synced: 3 months ago
JSON representation
Real-time whiteboard
- Host: GitHub
- URL: https://github.com/kriziu/collabio
- Owner: kriziu
- Created: 2022-05-17T17:02:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-06T17:31:30.000Z (almost 2 years ago)
- Last Synced: 2024-04-29T13:32:46.516Z (6 months ago)
- Topics: canvas, canvas2d, nextjs, react, realtime, socket-io, typescript
- Language: TypeScript
- Homepage: https://collabio-kriziu.herokuapp.com/
- Size: 238 KB
- Stars: 103
- Watchers: 1
- Forks: 31
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-codebases - Collabio - Real-time whiteboard (**Awesome Codebases** [](https://github.com/sindresorhus/awesome))
README
# Collabio | Online whiteboard
Real-time whiteboard made with Next.JS and Socket.IO
## Features
- Drawing lines, circles and rectangles
- Eraser
- Undo/Redo
- Real-time mouse tracking
- Chatting
- Placing images
- Moving selected area
- Saving canvas
- Changing backgrounds
- Sharing
## Made using
- Next.JS
- Recoil
- TailwindCSS
- Framer Motion
- Socket.IO
## Demo
LIVE DEMO: https://collabio-kriziu.herokuapp.com
## Installation
Clone repository, install all npm packages and run like normal Next.JS application.
## Screenshots
#### Home page
#### Board page
