An announcement and tournament bracket for Heroes of the Dorm 2016 released of several months.
Heroes of the Dorm - Home
The championship bracket had 64 teams and spanned 6 stages before a champion could be crowned. Displaying every matchup in a single tournament bracket was a unique challenge that required a week of prototyping.
On desktop every match had to be positioned absolutely. Sass variables played a key role in maintaining the four groups which were mirrored vertically and horizontally.
On mobile as users navigated to different stages the bracket would resize and reposition itself.
React.js enabled dynamic bracket population during the user brackets phase.
