⚾️ Togeball - 야구 직관 메이트 매칭 플랫폼

목차

• 프로젝트 소개
• 기술스택
• 핵심 기능
• 역할별 상세 보기
• 기타 산출물

프로젝트 소개

    함께 직관하고 싶은 사람들을 위한 직관 메이트 매칭 서비스 투게볼 !  
    
    같이보는 재미를 제공하기 위해 저희 투게볼이 딱 맞는 직관 메이트를 구해 드립니다. 

    '야구, 같이 보면 더 재밌잖아요'  슬로건 아래  매칭을 기반으로 하는 서비스를 제공합니다.

기술스택

프론트엔드

TypeScript	React	StyeldComponent	Zustand

백엔드

SpringBoot	MariaDB	MongoDB	Redis	RabbitMQ

인프라

Jenkins	Docker	nginx	prometheus	Grafana

핵심 기능

매칭 시스템

• 매칭
  • 프론트: 웹소켓을 이용한 통신, d3를 이용한 데이터 시각화 및 인터랙티브웹 구현
  • 백 : 유사도를 이용한 매칭 알고리즘 설계

채팅 시스템

• 채팅
  • 프론트: 웹소켓과 stomp 프로토콜을 이용한 통신, 이미지 전송 가능
  • 백: 채팅 서버 구현

역할별 상세 보기

프론트

매칭 시스템

• 매칭 클릭 시 매칭을 시도하는 사람들과의 사용자 태그 기반 매칭 적용
• 상위 6개의 태그 애니메이션으로 표시
• 스케줄링 시간에 따라 2~6인으로 구성된 채팅방 생성

• Chat GPT 이용하여 태그들 조합의 적절한 채팅방 이름 생성

모집 채팅방

• 현재 활성화 된 채팅방 목록 제공
• 경기 일자, 응원팀에 맞는 채팅방 찾는 필터 기능 제공
• 페이지네이션 활용

채팅방 생성

• 커스텀 주별 달력 활용하여 경기 선택
• 경기에 맞는 응원팀 항목 제한
• 사용자에 맞는 태그 입력 가능

채팅방

게임 채팅방 참여

• 대화 참가자 모두 표시

나의 채팅방 확인

• 나의 채팅방 목록 확인 및 채팅방 개별 알림
• 최근 메시지 확인, 클릭 시 채팅방 이동

로그인 및 회원가입

• 회원가입

• 로그인

경기 캘린더

• 월별/주별 캘린더

백엔드

Swagger API 확인

• 채팅방 API

• 매칭, 태그 API

Postman API 확인

• 게시판, 리그, 매칭, 알림 API

• 유저 API

• 인증 API

• 채팅방 API

• 태그 API

인프라

아키텍처 설계

모니터링 구현

• 시스템 모니터링

• 젠킨스 모니터링

• 엔진엑스 모니터링

기타 산출물

ERD

Figma 화면 설계서