vue-league-tournament-bracket

• original Github
• 그래프 오픈소스 Chart.js (ver 2.9.x)
• league 에 바로가기 링크 추가
• 리그 통계 및 대진표 서비스

File

ChangeOriginalBraket

• original 디자인에서 색상 및 디자인을 변경한 파일

LeagueMatchInfo

• 테스트 사이트에 적용한 파일

Development

Checkout repository and:

npm install yarn
yarn serve

API

• API README

Ex

IMG

(Mouse Hover)

DATA

    const rounds = [
        //Quarter
        {
            games: [
                {
                    player1: { id: "1", name: "Competitor 1", winner: true, score: 3 },
                    player2: { id: "2", name: "Competitor 2", winner: false, score: 1 }
                },
                {
                    player1: { id: "3", name: "Competitor 3", winner: false, score: 0 },
                    player2: { id: "4", name: "Competitor 4", winner: true, score: 1 }
                },
                {
                    player1: { id: "5", name: "Competitor 5", winner: true, score: 4 },
                    player2: { id: "6", name: "Competitor 6", winner: false, score: 2 }
                },
                {
                    player1: { id: "7", name: "Competitor 7", winner: false, score: 1 },
                    player2: { id: "8", name: "Competitor 8", winner: true, score: 3 }
                }
            ]
        },
        //Semi
        {
            games: [
                {
                    player1: { id: "1", name: "Competitor 1", winner: false, score: 0 },
                    player2: { id: "4", name: "Competitor 4", winner: true, score: 1 }
                },
                {
                    player1: { id: "5", name: "Competitor 5", winner: null, score: 0 },
                    player2: { id: "8", name: "Competitor 8", winner: null, score: 0 }
                }
            ]
        },
        //Final
        {
            games: [
                {
                    player1: { id: "4", name: "Competitor 4", winner: null, score: 0 },
                    player2: { id: null, name: "미정", winner: null, score: 0 }
                }
            ]
        }
    ];

LICENSE

ChangeOriginalBraket - MIT License
LeagueMatchInfo - Vuetify License