Skip to content

aptmac/draftaid-react

 
 

Repository files navigation

Draft Aid (Fantasy Football)

Give it a try today at: https://aptmac.github.io/draftaid-react/

example-gif

draftaid-react

This repository contains a modified version of Jay Zheng's draftaid-react project, which can be found at: https://github.com/jayjzheng/draftaid-react

This application was re-arranged and bootstrapped using the Patternfly seed project: https://github.com/patternfly/patternfly-react-seed

Using BeerSheets

Check them out at: http://footballabsurdity.com/beersheet-request-form/

This repository is now powered by Beersheets instead of the former Boris Chen and fantasypros versions. I'm not affiliated with Beersheets in any way, just a big fan.

The idea here is that you can get your own Beersheet CSV file customized to your own league settings, and then drag it into the draftaid UI to get a customized draft board.

The position tables will be populated by the Beersheets tier information, but the overall undrafted players list will be populated by Expert Concensus Rankings (ECR). This will create instances where a player may be rated higher or lower depending on what table you're looking at, but the idea is that the position tables will tell you the best player avaiable for each position, and the ECR should (hopefully) give you an indication of who is being drafted at your current spot in the draft.

Differences from the original application

Jay Zheng's original application is great out of the box. However, I wanted to tweak a few things before using it for my own fantasy draft purposes.

  • This project uses Beersheets rankings instead of Boris Chen's rankings
  • Moved and resized the tables to make it ideal for using in split screen mode
  • Updated the colour coding; each position has it's own colour and uses shades to indicate tiers
  • Drag-n-drop functionality! Bring your own customized Beersheet for use in draftaid

Development scripts

# Install development/build dependencies
npm install

# Start the development server
npm run start:dev

# Run a production build (outputs to "dist" dir)
npm run build

# Run the linter
npm run lint

# Run the code formatter
npm run format

# Start the express server (run a production build first)
npm run start

Kudos

Thank you to Jay Zheng for creating this application, and elevating my draft results for (hopefully) many upcoming Fantasy Football seasons to come.

Kudos to the folks over at BeerSheets for creating some really awesome looking ranking sheets, and bonus points for making them customizable!