Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rohitdash08/real-time-collaborative-whiteboard
Dendrite
https://github.com/rohitdash08/real-time-collaborative-whiteboard
Last synced: about 1 month ago
JSON representation
Dendrite
- Host: GitHub
- URL: https://github.com/rohitdash08/real-time-collaborative-whiteboard
- Owner: rohitdash08
- License: mit
- Created: 2023-12-26T21:39:15.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-12-31T04:26:20.000Z (about 1 year ago)
- Last Synced: 2023-12-31T05:20:40.672Z (about 1 year ago)
- Language: TypeScript
- Size: 11.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Real-Time Collaborative Whiteboard
Welcome to the Real-time Collaborative Whiteboard! This application allows users to collaboratively draw and interact on a shared canvas in real-time.
## Demo
![Home page](./images/homepage.png)
![Whiteboard page](./images/whiteboard.png)
![Join page](./images/join.png)
![Invite](./images/Invite.png)
![classification](./images/imageclassification.png)
![Keycloak page](./images/authentication.png)
## Features
- **Real-Time Collaboration:** See other users drawings in real-time.
- **Zoom In/Out:** Zoom in and out for detailed or broad views of the canvas.
- **Undo/Redo:** Easily undo and redo drawing actions.
- **Save:** Save the whiteboard as an image or PDF, and classify images.
- **Keycloak Authentication:** User Signup and login using keycloak.
- **Invitation:** Send invite to the user to join the whiteboard via email.# Installation
Follow these steps to set up the Project:
## Clone the Repository
git clone https://github.com/rohitdash08/Real-Time-Collaborative-Whiteboard.git
## Navigate to the project directory
cd whiteboard-app
## Install dependencies
npm install
## To run the application
- **cd backend** node server.js
- **cd whitboard-app** npm start
- Make sure docker is running# Technologies Used
React,
TensorFlow,
Node.js,
Express,
Socket.io,
Fabric.js,
Bootstrap,
Docker,
PostGreSQL