WEB CHAT

웹 페이지를 이용한 화상 채팅 및 텍스트 채팅 서비스를 만나보세요.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
2. Getting Started
3. Usage
4. Roadmap
5. Contributing
6. Contact

About the Project

텍스트 채팅을 하면서 화상채팅까지 된다면 얼마나 좋을까?🤷‍♂️

텍스트로만 채팅하면
상대방의 비언어적 표현을 놓쳐서 오해하는 경우가 많다
Web chat을 이용해 정확한 의사소통을 해보자

Getting Started

---

Development Environment

• OS: Windows 10 64 bit

• Compiler: VS Code

• Browser Support: chrome(Latest)✅

Installation

1. Git clone
2. Dependent modules 설치
3. 실행

---

1. Git clone

원하는 디렉토리에서 Git repo clone을 해 줍니다.

git clone https://github.com/Eunjin3395/OSS-Project-5

2. Dependent modules 설치

VS Code client 터미널에서 dependency modules를 설치해줍니다.

npm install

3. 실행

OSS-Project-5 터미널에서 app.js를 실행합니다.

node app.js

다시 client 터미널에서 해당 script를 실행합니다.

npm run start

이제 Chrome browser에서 http://localhost:3000/ 으로 접속해 테스트할 수 있습니다. -->

Usage

LoginPage

LobbyPage

ChatPage

Roadmap

• LoginPage, LobbyPage, ChatPage 3가지 페이지로 구성
• 구글 OAuth 2.0을 이용한 로그인 서비스 구현
• 채팅 목록을 나타내주고 방 생성 및 채팅방 입장의 기능을 하는 로비 서비스 구현
• LobbyPage에 비밀방 기능 추가 구현
• 외부 API(Jitsi Meet)를 이용한 화상채팅 기능 및 로그인 정보 가져오기 기능 구현
• Web socket을 통한 실시간 방 리스트 및 방 인원수 업데이트 기능 구현
• Web socket을 통한 실시간 채팅 기능 구현
• Heroku를 통해 배포

Contributing

Contribution은 언제나 환영입니다! 🙌

WEB CHAT 프로젝트에 대한 개선 제안이 있다면 아래를 통해 Contribution에 참여해 주세요.

---

1. Project를 Fork합니다.
2. 개선 기능에 대한 새 branch를 생성합니다.git branch featrue/<개선 기능 이름>
3. 수정 사항을 커밋합니다.git commit -m "Add <개선 기능 이름>
4. Branch를 push합니다.git push origin feature/<개선 기능 이름>
5. Pull request를 합니다.

Pull request는 가능한 빠른 시일 내에 확인하도록 하겠습니다.
기타 문의사항은 📧[Contact]으로 메일 부탁드립니다.

Contact

• 김은진 - jennyeunjin@khu.ac.kr
• 황유환 - yuhwan9819@khu.ac.kr
• 전민철 - 2019102224@khu.ac.kr
• 임재영 - ljy7223@khu.ac.kr