WhiteBoard Collab SHN

Collaber

A Collabration Web-App using Express, React and Socket.io where Multiple People can Join a Private room and Chat, Add Images and Draw Among themselves

Table of Contents

1. What is Collaber
2. Team Members
3. Key Features
4. Project Demo
5. Installation
6. Dependencies

What is Collaber?

Collaber is a Collabration Web-App using Express, React and Socket.io where Multiple People can Join a Private room and Chat, Add Images and Draw Among themselves. Users can create Rooms on the go or jump into created rooms and get started instantly. Collaber offers the import of external files for your convenience. It has it's own built-in group chat for all your communication needs! It offers brush colours of all kinds, an eraser and multiple brush sizes to make your drawing or plan as expressive as required. The learning curve is absolutely minimal.

Team Members

1. Nazim Filzer
2. Muhammed Jamal P
3. Jozef Antony Neelamkavil

Key Features

• Fully Opensource
• Easy setup
  • With an easy 3 steps guided setup process, setup is easier than you can imagine.

? Project Demo:

Live Demo

Hosted Link: https://collaber.netlify.app/

Collaber-Demo.mp4

Installation

Steps To Run the Project:

1.Downloading the Modules

- node version used is <17.0.0 (If ur Node version is Greater than 17, eg v18 then the app wont run)

git clone https://github.com/NazimFilzer/WhiteBoard-Collab-SHN.git

cd Collab-Chat-App

cd client
npm install -f

cd ..
cd server
npm install

2.Starting the Servers (Frontend Server)

cd client
npm start

On Another Terminal (Backend Server)

cd server
npm start

Dependencies

Node v16.*