Skip to content
A personal theater show tracker listing every show I have seen since 2010.
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
public update hero styling, organize CSS May 14, 2019
readme add screenshots for readme May 16, 2019
src add additional links and reviews May 20, 2019
.gitignore add starter vue code Mar 13, 2019 Update May 16, 2019
babel.config.js add starter vue code Mar 13, 2019
package-lock.json update overall color scheme, add color to website header May 10, 2019
package.json add font awesome Apr 12, 2019


TheaterLog is a theater show tracker. This web application tracks all of the musicals and plays that I have seen live since 2010.

View Project Here

TheaterLog Screenshots


The tracker is built using Vue.js. The site consists of Show Cards that are created for each show seen. In the top hero section, there are statistics (number of shows seen, number of musicals seen, etc) as well as a guide to the review emojis.

Show Cards

Each show generates a card that includes the following:

  • The show name (that links to the offical show website or the archive site for the show)
  • The theater and city of the show
  • The month and year
  • A label indicating if the show is a musical or a play
  • Opinion Stickers:
    • A star if a show is a favorite
    • An emoji representing my review of the show
    • A numbered card displaying the number of times I have seen that particular show
  • If a musical, my favorite song from the show (at the time of viewing) will be displayed. This will link to a video performance of the show (if avaliable)
You can’t perform that action at this time.