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