Projects developed for SI.com / FanNation
- FanNation.com Fantasy Sports Section and Admin tools.
- Fantasy Game for 2007 College Bowls
- Dan Patrick Super Bowl Challenge Fantasy Game
- NCAA Tournament Bracket Fantasy Game for SI.com
- Dan Patrick Weekly Challenge Pick ‘Em Game
- Sports Illustrated Game of the Week Challenge Game
- Development on redesign of FanNation.com
- NCAA Bracket Game for SIKids.com
- Golf Majors Pickem Game for DanPatrick.com
These are some projects I produced for ESPN.com (pre 2007):
The NBA Trade Machine
The NBA Trade Machine uses salary and contract data for all NBA players, and then uses the rules of the NBA collective bargaining agreement to see if a trade is possible. I wrote all the front end javascript code for this application including Ajax functionality to load players for each team, and dynamically load the drop down menus containing the teams a player can be traded to. Ajax is also used to load any player trade restriction in a relative positioned div that is activated on mouseover.
NHL Top Lines of All Time
December 2006 — The NHL Top Lines project allowed ESPN.com visitors to vote for their top hockey line. I wrote the JavaScript code for the user interaction on the voting page. I utilized the Prototype and Scriptaculous JavaScript Libraries to implement the drag and drop functionality. The logic for the drag and drop required accounting for five possible drag and drop scenarios: From player pool to the line grid. Switching two players already on a line; Dragging a player back to the pool from a line; Dragging a player from the pool and replacing an existing player, and moving a player from a line position to another open line position.
The application also used Ajax to get player data to display in a relative positioned div that was activated on clicking an icon next to each player name. These had to be position differently depending on what row you clicked on so that they would not go off the visible screen. The pop ups used PNG images as a background to give the effect of quote bubble with an arrow, so I learned a CSS hack for making these transparent in IE.
The project also included building automated results pages, and an editorial index where I wrote code to automatically generate the player grids from a collection in our CMS (Content Management System).
2006 NBA Mock Draft
This was one of the first projects I produced that used the Scriptaculous JavaScript library for the implementing Drag and Drop functionality. I wrote the JavaScript code for this project where users could drag and drop top rated players into the position they predicted that the player would go in the NBA Draft. I also wrote the server side code to save all user submitted drafts to a database, and the template to display the aggregate Draft of all user submitted mock drafts.
