Baseball Hack 2018

Inspiration

Many people like to voice their opinion about how good a player is. You see many top 10, top 20 lists all over the internet. Opinionator takes this to another level by allowing you to rank players on multiple dimensions. On top of that you can compare your own rankings with others in a fun, interactive manner.

On top of that, the crowd sourced data can be leveraged by team management to mount a better marketing campaign, and to change the public perception of certain players.

Note on data

Batting statistics are from Baseball Databank (https://github.com/chadwickbureau/baseballdatabank), and need to be downloaded separately.

# Inside static folder

curl -LJ https://github.com/chadwickbureau/baseballdatabank/raw/master/core/Batting.csv > Batting.csv

The scraper utility will yield the player mug-shots from Baseball References.

Techs

Front-end built with Vue.js, backend with Google Firebase. Bash scripts were used for downloading raw data and scripting images.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Built With

• firebase
• html
• javascript
• shell
• vue