WhiteBoard Collab SHN

공동 작업

Express, React 및 Socket.io를 사용한 Collabration Web-App.

목차

1. Collaber 란 무엇입니까?
2. 팀원
3. 주요 기능
4. 프로젝트 데모
5. 설치
6. 의존성

Collaber 란 무엇입니까?

Collaber는 Express, React 및 Socket.io를 사용하는 Collabration Web-App으로 여러 사람이 개인 실에 가입하고 채팅하고 이미지를 추가하고 자체적으로 그릴 수 있습니다. 사용자는 이동 중에 방을 만들거나 생성 된 방으로 뛰어 들어 즉시 시작할 수 있습니다. Collaber는 편의를 위해 외부 파일 가져 오기를 제공합니다. 모든 커뮤니케이션 요구에 대한 자체 내장 그룹 채팅이 있습니다! 모든 종류의 브러시 색상, 지우개 및 다중 브러시 크기를 제공하여 드로잉이나 계획을 필요에 따라 표현력있게 만듭니다. 학습 곡선은 절대적으로 최소입니다.

팀원

1. 나짐 필저
2. 무하마드 자말 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. 서버 스테이트 (Frontend Server)

 cd client
npm start

다른 터미널 (백엔드 서버)

 cd server
npm start

의존성

노드 v16.*