Skip to content

sgdevcamp2025/kickzo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

로고

같이 유튜브 볼래? KickTube에서!

KickTube 바로가기(http://kicktube.site/)

KickTube는 영상 동기화 기반 커뮤니티입니다. 다른 사람들과 함께 같은 유튜브 영상을 보며 소통할 수 있도록 제작하였습니다.

"KickTube"로 친구와 함께 혹은 다함께 유튜브 영상을 보며 얘기하는 시간 가져볼까요?

메인 페이지

📄 목차

📌 프로젝트 개요

KickTube는 방 안의 사용자들이 같은 영상을 보며, 채팅이나 음성채팅을 즐길 수 있는 커뮤니티입니다.

✅ 다같이 같은 영상 시청

✅ 영상 플레이리스트 관리

✅ 실시간 채팅 & 음성 채팅

✅ 웹 & 모바일(iOS) 지원

데모영상

🚀 주요 기능

1. 영상 동기화

  • 재생/일시정지 상태, 영상 시간 동기화: 영상 정보를 웹소켓을 주고 받아 방 안의 모든 사용자에게 같은 영상, 같은 상태를 제공합니다

영상 동기화

  • 영상 플레이리스트 동기화: 영상의 추가/삭제/순서 변경을 동기화하여 모두에게 같은 플레이리스트를 제공합니다.

플레이리스트 동기화

2. 커뮤니티

  • 실시간 채팅: 채팅을 통해 함께 대화를 나눌 수 있습니다.

채팅

  • 음성 채팅: 방 내 사용자들과 자유롭게 음성으로 소통할 수 있습니다.

음성 채팅

  • 친구 관리: 친구를 추가하고, 친구의 접속 여부를 확인할 수 있습니다

친구 관리

3. 검색

  • 검색: 원하는 유저/방을 검색할 수 있습니다

검색

4. 웹/모바일(iOS) 지원

  • PC와 모바일에서 모두 사용할 수 있도록 반응형 UI를 제공합니다.

웹/모바일(iOS) 지원

⚙️ 아키텍처


1. 전체 아키텍처

최종아키텍처 drawio


2. 세부 아키텍처

🔹 메인 서버

메인 서버

🔹 playTime 동기화

playTime 동기화

🔹 채팅/히스토리

채팅/히스토리

🔹 상태관리 서버

상태관리 서버

🔹 시그널링 서버

시그널링 서버

🤔 우리의 도전

김수경: 내가 도전한건 이거다

김주원: 내가 도전한건 이거다

신인호: 내가 도전한건 이거다

우다현: 내가 도전한건 이거다

유성욱: 내가 도전한건 이거다

🛠 기술 스택

분류 기술 스택
공통
프론트엔드
백엔드
모바일(iOS)
배포
협업

🕶️ 팀원 소개

iOS FE FE + BE BE BE
김수경 김주원 신인호 우다현 유성욱