HTML5 Piano that saves sheet music to your Evernote account
Ruby JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.


musicnote is a full-sized 88-key piano that you can play online. It generates sheet music from what you play. You have the option to upload it to your Evernote account. For those moments when you're playing around with melodies and need to remember that awesome jam that you just came up with.

The sheet music generation part is very primitive. It can handle single notes, chords, accidentals, and both treble and bass clefs, but nothing beyond that (e.g. timing, measures).


You'll need to have RubyGems installed, and some gems (json, rack, sinatra, htmlentities).

To use the Evernote portion, you need to register to use their API. You'll receive a Consumer Key and a Consumer Secret, which you must put into the auth_secrets.rb file.

To start the app on port 80:

cd musicnote
sudo ruby start.rb

A live running version of this can be found here.

How I made this

The piano itself comes from Mihail Ilinov with a bunch of code cleanup, refactoring, and improvements.

Languages used: HTML5, CSS3, jQuery, Ruby

Other tools: LESS, Sinatra, VexFlow