A simple React-based March Madness bracket, which allows you to "re-seed" teams, and uses random.org to "flip a coin" and choose which team progresses to auto-fill your bracket!
Very, very much a work in progress. (Also, did not help much in generating a winning bracket this year!)
npm run start
- Reseed teams as you see fit
- "Play" to determine the winner of a matchup (with a
console.log
play-by-play for now)
I don't know a think about basketball, especially college basketball. But I did have a simple idea. Let's flip a coin, but based it off the seeds.
Let's say a 1 seed is playing a 3 seed, and the 1 seed is "heads" while the 3 seed is "tails." You flip a coin. If it's tails, three times in a row, then the 3 seeded team wins! However, if it's heads just once, then the 1 seeded team wins.
Historically I used this process by hand. After I tired of doing this by hand, I wrote a simple php script that consumed 1's and 0's from random.org data, in combination with an overly-complicated google spreadsheet.
This is my attemp in 2019 at further "simplifying" this process. (I wasn't able to fully finish this app, but it was enough to make it "easier" to pick my bracket)
To date, I've never won first place. =|
- Data structure to create each division, stored in state
- Ability to "reseed" team
- Pulling in random.org data, and playing a match!
- 'Merging' the four divisions and getting a final four bracket working properly
- Ability to manually pick & unpick winners (rather than "flipping" a coin)
- Adding in propTypes
- Automatically pulling in fivethirteight.com data to populate the bracket data
react-numeric-input
-- Allows you to enter in values via keyboard -- which does update state, but then will be out-of-sync with the component.