Skip to content
@s-bukak

s-bukak

🏆 승부각, 북악리그의 새로운 시작


프로젝트 소개

북악리그는 국민대학교를 대표하는 스포츠 리그로, 축구 24팀과 농구 13팀이 두 개의 리그로 나뉘어 운영되고 있습니다. 교내 동아리, 학과 모임 등 다양한 팀들이 참여하며, 학생들 간의 유대감을 강화하고 선의의 경쟁을 통해 학교 문화를 형성하는 데 큰 기여를 하고 있습니다. 그러나 현재 북악리그는 관중 참여와 관심도가 낮아 이를 활성화할 체계적인 방안이 필요한데, 특히 경기 정보 부족과 전달 체계의 미비가 개선이 필요한 부분으로 여겨지고 있습니다. 관중들은 경기 일정, 상대 팀 정보, 순위 등의 기본 정보를 얻기 어렵고, 팀들은 인스타그램이나 카카오톡을 통해 정보를 공유하지만 플랫폼 한계로 효율적인 전달이 어렵습니다. 이로 인해 북악리그의 활성화를 위해 보다 체계적이고 통합적인 정보 전달 및 홍보 시스템이 절실히 요구되고 있습니다.

이를 해결하기 위해 경기 일정, 팀 소개, 실시간 순위, 응원 메시지 등을 통합적으로 제공하는 웹 서비스 승부각을 기획했습니다. 이 서비스는 일정과 결과를 캘린더 형식으로 체계화하고, 팀별 페이지를 통해 접근성을 높이며, 선발 라인업 및 상대 전적 등 경기 관련 정보를 제공합니다. 또한, 비속어 필터링을 적용한 응원 메시지 시스템으로 건강한 커뮤니티 환경을 조성합니다. 승부각은 단순한 정보 제공 플랫폼을 넘어, 관중과 선수, 그리고 북악리그 전체를 하나로 연결하는 디지털 공간입니다. 학생들은 스포츠를 통해 서로 유대감을 형성하고, 북악리그는 국민대학교의 활기찬 교내 문화로 다시 자리 잡게 될 것입니다.


팀원 소개

💻 프론트엔드 개발팀

송규원 정찬우 박수연

@gyuwonsong

@chanwoo000

@suwith

🛠️ 백엔드 개발팀

유태근 이정욱

@TaegeunYou

@ukly

🤖 인공지능 팀

안선영

@SeoooooNyeong


1. 개발 환경 및 기술 스택

디자인 및 협업 툴

💻 프론트엔드

RED

🛠️ 백엔드

🤖 인공지능



2. 프로젝트 설치 및 실행 방법

1) 레지스토리 복제

git clone https://github.com/s-bukak/s-bukak-frontend.git

2) npm 설치

npm install

3) npm 실행

npm start

3. 주요 기능

🔑 로그인 및 회원가입

  • 로그인: 구글 로그인으로 간편하게 로그인할 수 있으며 정중앙의 3D 일러스트로 스포츠 요소를 강조하였습니다.
  • 회원가입: 이메일과 이름을 필수로 입력하며 팀 대표자는 소속 정보를 추가로 입력할 수 있고 회원가입 완료 후 자동으로 로그인 상태로 메인 페이지로 이동합니다.

🏠 메인 페이지

  • 멀티 배너: 메인 페이지 상단에서 축구/농구 탭으로 이동하며 홍보용 멀티 배너가 노출됩니다.
  • 승부예측: 지난 경기, 현재 경기, 예정 경기 상태를 구분하여 표시하며 승부예측 참여 시 베팅한 팀의 글자색이 바뀝니다.
  • 랭킹 컴포넌트: 축구와 농구 각각의 리그 랭킹을 승점 기준으로 정렬하여 표시하고 성곡리그와 해공리그 간 전환이 가능합니다.
  • 응원 메시지 및 캘린더 컴포넌트: 리그 응원 메시지를 표시하고 일정 있는 날짜 클릭 시 세부 일정을 확인할 수 있습니다.

💬 커뮤니티 페이지

  • 게시판: 자유게시판과 연습 상대 게시판으로 구성되어 있으며 로그인 없이 게시글을 확인할 수 있습니다.
  • 내 활동 관리: 사용자가 작성한 글과 댓글을 별도로 모아볼 수 있습니다.
  • 게시글 상세 보기: 제목, 본문, 작성자 등 게시글 내용을 확인할 수 있으며 댓글 작성은 로그인 상태에서만 가능합니다.

📅 일정 페이지

  • 경기 일정 확인: 한 달간의 경기 일정을 날짜별로 정리해 경기 시간, 리그, 장소 등 세부 정보를 제공합니다.

🏆 랭킹 페이지

  • 축구와 농구 리그 랭킹: 성곡리그와 해공리그 랭킹을 승점 기준으로 표시하며 승무패 기록은 아이콘으로 나타냅니다.

🏟️ 팀 페이지

  • 팀 정보 제공: 팀의 로고, 이름, 리그, 순위, 경기 기록을 표시하며 포메이션과 선수 명단은 가로 스크롤로 확인 가능합니다.
  • 응원 메시지: 팀 페이지에서 응원 메시지를 통해 선수들을 응원할 수 있으며 익명으로 메시지를 작성할 수 있습니다.
  • 클린 커뮤니티 지향: 클린봇 처리를 통해 부적절한 표현을 자동으로 필터링하며 자유롭고 건전한 커뮤니티 환경을 제공합니다.
  • 관리자 권한: 팀 대표는 선수 추가/삭제 및 포메이션 조정 권한이 있으며 부적절한 응원 메시지를 삭제할 수 있습니다.

🤖 챗봇

  • 북악리그 전문 정보 제공: 챗봇은 북악리그 관련 데이터를 학습하여 팀 순위, 경기 일정, 승부 예측 결과, 선수 정보 등 리그와 관련된 정보를 빠르고 정확하게 제공합니다.
  • 대화형 지원: 단순 정보 제공을 넘어 사용자와의 대화형 인터페이스를 통해 맞춤형 정보를 전달합니다.

⚙️ 기타

  • 유저 정보 관리: 이름은 수정 가능하며 이메일 일치 확인 후 회원탈퇴가 가능합니다.
  • 비회원 기능 제한: 비회원은 정보 열람은 가능하지만 승부예측, 커뮤니티, 응원 메시지 작성 등은 제한됩니다.
  • 이용약관 및 개인정보 처리방침: 서비스 이용약관과 개인정보 처리방침이 명시되어 있습니다.

4. 프로젝트 구조

💻 프론트엔드

src
├─ assets
│  ├─ icons
│  ├─ images
│  └─ logos
│     ├─ basketball
│     └─ soccer
├─ components
│  ├─ ai
│  ├─ community
│  ├─ home
│  ├─ login
│  ├─ ranking
│  └─ team
├─ data
├─ pages
│  ├─ community
│  ├─ home
│  ├─ login
│  ├─ ranking
│  ├─ schedule
│  └─ team
├─ state
├─ styles
└─ utils

🛠️ 백엔드

src/main/java/com/sbukak
├─ domain
│  ├─ banner
│  │  ├─ controller
│  │  ├─ domain
│  │  ├─ dto
│  │  ├─ enums
│  │  ├─ repository
│  │  └─ service
│  ├─ bet
│  ├─ board
│  ├─ message
│  ├─ ranking
│  ├─ schedule
│  ├─ team
│  └─ user
├─ global
│  ├─ aws
│  │  ├─ config
│  │  ├─ dto
│  │  └─ service
│  ├─ config
│  ├─ converter
│  ├─ enums
│  ├─ error
│  ├─ jwt
│  ├─ oauth2
│  └─ util

5. 시연 영상

Video Label

Popular repositories Loading

  1. s-bukak-backend s-bukak-backend Public

    Java 2

  2. s-bukak-ai s-bukak-ai Public

    Jupyter Notebook

  3. s-bukak-frontend s-bukak-frontend Public

    JavaScript 1

  4. .github .github Public

Repositories

Showing 4 of 4 repositories
  • s-bukak-ai Public
    s-bukak/s-bukak-ai’s past year of commit activity
    Jupyter Notebook 0 0 0 0 Updated Dec 12, 2024
  • .github Public
    s-bukak/.github’s past year of commit activity
    0 0 0 0 Updated Dec 11, 2024
  • s-bukak/s-bukak-frontend’s past year of commit activity
    JavaScript 0 1 1 0 Updated Dec 11, 2024
  • s-bukak/s-bukak-backend’s past year of commit activity
    Java 0 2 0 0 Updated Dec 5, 2024

Top languages

Loading…

Most used topics

Loading…