Collaber - A Chat App to Add Images and Draw Among themselves
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
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
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/
Collab-App.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.*