WhiteBoard Collab SHN

コラビー

複数の人がプライベートルームに参加してチャットし、画像を追加して自分の間で描くことができるExpress、React、Socket.ioを使用したコラボレーションWeb-App

目次

1. コラビーとは何ですか
2. チームメンバー
3. 重要な機能
4. プロジェクトデモ
5. インストール
6. 依存関係

Collaberとは何ですか？

Collaberは、Express、React、Socket.ioを使用したコラブレーションWeb-Appです。複数の人が個室に参加してチャットし、画像を追加して描くことができます。ユーザーは、外出先で部屋を作成したり、作成した部屋にジャンプしたり、すぐに開始できます。 Collaberは、便利なために外部ファイルのインポートを提供します。それはあなたのすべてのコミュニケーションのニーズのために独自の組み込みグループチャットを持っています！あらゆる種類のブラシカラー、消しゴム、複数のブラシサイズを提供して、必要に応じて表現力豊かに描画や計画を立てます。学習曲線は絶対に最小限です。

チームメンバー

1. ナジム・フィルツァー
2. Muhammed Jamal p
3. Jozef Antony Neelamkavil

重要な機能

• 完全にOpenSource
• 簡単なセットアップ
  • 簡単な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。*