This repo is a sketch for an Angular component that generates tournament bracket trees, given a number of participants. The way the seeds are placed is inspired by the bracket trees on Challonge.com
Essentially, binary tree traversal algorithms are used to determine the progression of matches, and how to configure team numbers that require byes.
The generator can easily be used for a single-elimination tournament bracket, and can be eaily extended to build a double-elimination system (winners' and losers' brackets with finals at the end, like the ones on Challonge).
- nvm is recommended (optional—look it up, otherwise don't worry about it)
- Make sure you're running a later version of Node (4.2.6 or later definitely works)
- Install the necessary tools globally if you haven't yet
npm install -g yo gulp bower
npm install -g generator-gulp-angular
- Check out this repository and load the Node and Bower packages once:
npm install & bower install
- Once the above has been done once, Just use
gulp
for workflow tasks:- run
gulp serve
to run the development server which compiles Js, Sass and the Jade templates on the fly, using BrowserSync to reload all of your browsers on the fly - run
gulp build
to build all the assets indist
, optimized for production environments
- run
- Consider matchup pairings against byes
- Renumber match sequences to not count those not played because of byes
- Visual representation of next match (current markup provides a good starting point)