This is a small sample project. Please approach this problem as if you were asked to build a new web application to solve it.
Please create a web application that shows a storable table of role information for Shakespeare's plays. The table should show the following statistics for each role in the play: number of lines spoken, longest speech, number of scenes in which the role appears, and percent of total scenes in which the role appears.
Clicking on a column header should sort the data by the selected column, without reloading the page. Clicking on a column header again should flip the direction of the sort.
Only 10 roles should be shown at a time (the top or bottom 10, depending on the sort).
The referenced XML file contains Shakespeare's play "Julius Caesar" in XML format: http://www.cafeconleche.org/examples/shakespeare/j_caesar.xml
Assume you will eventually have access to similar files for Shakespeare's other plays. It is not necessary to display statistics from any other play for this proof of concept.
You are not expected to complete a polished visual design for this application. It should be styled enough that function of the application is clear.
Please use Github to host the source code for your application, and host the application for free on Heroku.