https://github.com/kim-1210/similarity_zoom

similarity_zoom
https://github.com/kim-1210/similarity_zoom

ejs javascript nodejs

Last synced: 25 days ago
JSON representation

similarity_zoom

• Host: GitHub
• URL: https://github.com/kim-1210/similarity_zoom
• Owner: kim-1210
• Created: 2024-07-25T09:28:43.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-08-01T17:49:32.000Z (3 months ago)
• Last Synced: 2024-09-28T07:21:02.049Z (about 1 month ago)
• Topics: ejs, javascript, nodejs
• Language: JavaScript
• Homepage:
• Size: 5.15 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SIMILARITY_ZOOM

## 1차

- 프론트

    - 로그인 창 구현

    ![alt text](images/image.png)

    - 회원가입 창 설정

    - 메인 창 설정

    - 채팅 창 설정

- 백엔드

    - 각 이동 기능 구현 (DB X)

---------------------------------------------

## 2차

- 프론트 

    - 회원가입 창 구현 

        - (이름, ID, PW, 성별)

        ![alt text](images/image-2.png)

    - 로비 창 구현 (80%)

        - 방 만들기

        ![alt text](images/image-1.png)

        ![alt text](images/image-3.png)

- 백엔드

    - 회원가입 버튼 기능 추가

    - 데이터베이스 설계 (user_info)

    - DB API 구현 및 프론트 연결

---------------------------------------------

## 3차

- 백엔드

    - 방 생성 기능을 제작

        - socket으로 webRTC제작으로 방 생성

            - A : ![alt text](images/image-4.png) => ![alt text](images/image-5.png)

            - B : ![alt text](images/image-6.png)

        - 상대방에게 방 목록이 남으며, 현 인원수 와 최대 인원수 진입까지 구현

---------------------------------------------

## 4차

- 백엔드

    - socket을 이용한 채팅방 인원 제한 및 방장 나갈시 다 같이 나가며, 방이 사라지도록 제작

    - 방장을 기준으로 새로운 사용자가 나타나면 sub으로 작은 영상을 틀어줄 수 있게 나옴

    - 1:N으로 화상통신 가능 

    ![alt text](images/image-7.png) 

- 프론트

    - 작은 sub video를 새로운 사용자가 들어올때 마다 동적으로 생성 및 삭제됨

    - 사용자가 들어오거나 나갈때 알람판에 표시됨

    - 나가기 버튼 생성