KBO 경기 정보, 선수 기록, 팬 커뮤니티를 하나의 공간에 통합하고, 실시간 소통의 재미를 더한 KBO 팬 플랫폼
| Frontend | ‣React, ‣JavaScript, ‣HTML5 |
|---|---|
| Backend | ‣SpringBoot, ‣JPA Hibernate, ‣Kafka, ‣Python, ‣MySQL |
| Devops & Tools | ‣Vite, ‣AWS, ‣Docker-Compose, ‣Github |
별도의 서버(python으로 구축된 data-collector 서버)에서 전송받아 정제된 데이터를 사용자의 요구에 따라 REST API를 통해 정보 제공
예정 경기는 대결 상대, 진행 시간 및 경기 진행 지역 등의 정보 제공
.png)
완료된 경기는 스코어 표시 및 경기 종료 상태 설정
.png)
선수 기록실의 메인 화면에서 각 분야(타율, 방어율 등)의 상위 4명이 썸네일로 표시, 더보기 버튼 클릭 시 해당 항목의 순위 10위까지 표시


선수의 기본 정보 및 현재 시즌 지표 출력
.png)
시즌 성적 아래 해당 선수의 월별 지표는 Chart.js 라이브러리의 그래프를 통한 시각적 자료 출력
.png)
.png)
.png)
중계 문단은 SSE로 연결되어 단방향 정보 송신, 게임의 정보(game-info)와 추가적인 해설(comments)을 전송받아 중계방에 표시
.png)