Multi-column view for ukulele + guitar song chords.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
mustache
parser
static
templates
.eslintrc.js
.gitignore
.pre-commit-config.yaml
Procfile
README.md
app.py
package.json
postcss.config.js
requirements.txt
runtime.txt
webpack.config.js
yarn.lock

README.md

MusicParsed

Start local server:

python app.py

npm install

Template documentation

  • Use Mustache for rendering HTML templates from JSON files

  • Structure of JSON file

    • title: string with title of the song
    • artist: string with the artist of the song
    • allChords: array of strings of all chords in the song ex: ["Am", "F", "C", "G"]
    • lines: array of JSON objects for each chord-lyric pair in the song
      • count: id of the pair, used for jQuery selectors
      • chord: string with the chords + white spaces
      • lyrics: string with the lyrics
      • label: string with label of the section i.e. "Chorus", "Verse 1"
  • Python script parser.py makes it easy to generate the JSON files

    • URLParser class: URL of a song --> text file of a song
    • TextParser class: text file of a song --> JSON file of a song