Production case
  • Client하키TV(https://www.hockeytv.kr/)
  • Date06.01.2024
  • Type플랫폼
  • Price700만원
  • Overview디자인 지원
    * 회사소개 메인페이지 + 서브 페이지 FIGMA 기획 -> 디자인
    개발 기술
    * 프론트앤드 개발(클라이언트단): NEXTJS
    * 프론트앤드 개발(어드민단): NEXTJS
    * 백앤드 개발: NODEJS, MONGODB
    * 배포: AWS, LINUX
    * 기능 : 하키 팀 관리, 선수 관리, 디비전 관리, 대회 관리, 유튜브 재생목록 관리, 아이스하키 리그별 년도 별 팀, 선수별로 점수 관리
Target
아이스하키 정규리그와 학생리그의 대회 결과를 제공합니다.
Mission
아이스하키 선수들의 플랫폼으로, 공개적인 웹사이트보다는 시즌별로 선수들에게 하키 경기 일정과 결과, 팀별, 선수별 랭킹을 빠르게 보여주기 위함
Color System
Primary

#000000

Secondary

#001b8c

#0065aa

#000000

HOME

어드민에서 하키 경기 일정을 입력하면 클라이언트 단에서 달력에 월별로 일정이 표시됩니다. 우측에는 유튜브 API와 연동하여 관리자가 업로드한 동영상을 페이지 내에서 재생할 수 있도록 개발하였습니다.

PLAN

어드민에서 경기 일정을 입력하면 경기 리스트를 확인할 수 있는 화면입니다. 경기가 종료된 경우 경기 결과가 표시되며, 예정된 경우에는 날짜와 시간을 표시합니다.

REGULATION

매 대회마다 리그별로 대회 요강을 제공하는 페이지입니다. 어드민 단에서는 텍스트 에디터를 통해 간편하게 글을 작성할 수 있습니다.

SCORE

경기 스코어를 제공하는 페이지로, 홈팀과 어웨이팀 간의 경기 결과를 확인할 수 있습니다. 총 3파트로 이뤄진 경기에서 각 파트에서 넣어진 골과 해당 골이 들어간 시간, 골을 기록한 선수, 어시스트한 선수를 팀별로 확인할 수 있습니다

RANKING

디비전 전체 랭킹을 확인할 수 있는 페이지로, 아이스하키 관련 지표들이 기록되며 PTS 지표를 기준으로 1위부터 4위까지의 랭킹이 표시됩니다. 디비전에서 진행된 12경기 동안 선수들의 랭킹과 통계 정보도 확인할 수 있습니다.

ADMIN_TEAM

손쉽게 사용할 수 있는 어드민페이지입니다. 각각의 메뉴에서 팀, 선수, 리그 등을 관리할 수 있습니다. 팀 등록, 수정, 디테일, 리스트 기능을 제공합니다. 팀을 활성화 또는 삭제할 수 있으며, 만약 등록된 선수가 있다면 팀 삭제 시 해당 내용에 대한 경고 메시지가 표시됩니다

ADMIN_PLAYER

선수들을 관리할 수 있는 어드민 화면입니다. 선수 사진, 이름 등 정보 등록과 수정, 삭제 기능이 있습니다.

ADMIN_TOURNAMENT

대회 기록 어드민 페이지로, 팀 등록, 선수 등록, 리그 등록, 디비전 등록, 대회 등록의 순서로 등록 후 연동됩니다. 여기서 대회 결과를 작성하면 리그별, 팀별, 디비전 별로 팀 랭킹과 선수 연간 랭킹이 자동으로 계산되도록 개발하였습니다.

Scroll to Top