Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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