WhiteBoard Collab SHN

合作者

使用Express，react和socket.io的合作Web應用程序，多人可以加入私人房間並聊天，添加圖像並彼此繪製

目錄

1. 什麼是合作者
2. 團隊成員
3. 關鍵功能
4. 項目演示
5. 安裝
6. 依賴性

什麼是合作者？

合作者是使用Express，React和Socket.io的合作Web應用程序，其中有多個人可以加入私人房間並聊天，添加圖像並在他們之間繪製。用戶可以在旅途中創建房間，也可以跳入創建的房間並立即入門。為了您的方便，合作者提供了外部文件的導入。它具有自己的所有通信需求的內置組聊天！它提供各種刷子的顏色，橡皮擦和多種刷子尺寸，以使您的圖紙或計劃表現得盡可能地表達。學習曲線絕對是最小的。

團隊成員

1. 納粹·菲爾澤（Nazim Filzer）
2. 穆罕默德·賈馬爾p
3. Jozef Antony Neelamkavil

關鍵功能

• 完全開放
• 易於設置
  • 通過簡單的3個步驟指導設置過程，設置比您想像的要容易。

？項目演示：

現場演示

託管鏈接：https：//collaber.netlify.app/

collaber-demo.mp4

安裝

運行項目的步驟：

1.下載模塊

 - 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.啟動服務器（前端服務器）

 cd client
npm start

在另一個終端（後端服務器）上

 cd server
npm start

依賴性

節點V16。 *