Therapist(테라피스트) 🤝🏻

Outline ✏️

코로나 블루의 여파로 변화된 일상이나 감정 변화에 대해 토론할 수 있는 커뮤니티 기능과 더불어 실시간 음성 채팅 서비스

　

Team member ✨

seounjin	jungyr24	Heongilee
프론트 엔드 개발	백엔드 개발	백엔드 개발

　
　

Tech stack ⚒️

• Front-end :
• Back-end :
• DB :
• OS :
• IDE or Editor :
• Communication Tools :
• VCS :
• Build :
• Deployment : 　
  　

Paper work 📃

클래스 다이어그램

게시글 관련 기능	답글 관련 기능

댓글 관련 기능	알림 관련 기능

JWT토큰발급 관련 기능	회원 관련 기능

화상 채팅방 관련 기능

　 　

ERD

　 　

시스템 아키텍처

　

Development process 📅

간트 차트

　
　

Demo 💻

메인페이지
메인페이지에서 게시판 기능을 이용하려면 로그인을 합니다. 로그인을 안 했을 경우 예외처리를 통해 다시 메인페이지로 이동합니다.

게시판 카테고리 글 조회
각 카테고리 별로 게시글 목록을 보여줍니다.

게시판 글 작성
제목과 내용은 최소 3자 이상 입력해야 합니다. 카테고리를 선택하고 사용자의 고민을 적어 다른 사람과 공유할 수 있습니다.

댓글 알림
댓글을 남기면 원글 사용자에게 알림이 옵니다.

답글 알림
답글을 남기면 원글 사용자에게 알림이 옵니다.

마이페이지
마이페이지에서 내가 작성한 글 목록이 카테고리로 분류되며 나에 대한 정보가 종합적으로 노출됩니다.

페이저블 스크롤
게시글 페이지에서 답글 포함 6개가 처음 노출되고 이후 스크롤하면 추가 답글들을 보여줍니다.

세션 생성
방제목과 내 이름을 입력하면 타인과 실시간으로 화상 및 음성채팅을 할 수 있는 세션이 생성됩니다.

다자간 통신
WebRTC 기반 미디어 서버 중개를 통해 세션의 모든 연결 객체들의 비디오·오디오 스트림을 공유합니다.

카메라 공유
모든 연결 객체의 비디오 스트림이 실시간으로 세션에 참가한 모든 유저들에게 보여줍니다.

레이아웃 전환
그리드 레이아웃, 사이드바 레이아웃 중 원하는 레이아웃을 선택할 수 있습니다.

세션 종료
세션을 종료합니다. 방장이 세션을 종료할 경우 다른 연결 객체에게 방장을 위임합니다.