Need help with gtr-cof?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

mikehadlow
240 Stars 53 Forks MIT License 221 Commits 18 Opened issues

Description

Interactive music theory dashboard for guitarists. http://guitardashboard.com/

Services available

!
?

Need anything else?

Contributors list

# 66,188
C#
TypeScr...
d3
d3js
199 commits
# 202,694
React
react-b...
webpack...
babel7
3 commits
# 1,170
Markdow...
vercel
node
open-gr...
1 commit
# 550,188
TypeScr...
d3
d3js
HTML
1 commit
# 102,761
yarn
npm
React N...
coffees...
1 commit
# 510,058
HTML
TypeScr...
d3
d3js
1 commit

Guitar Dashboard

An interactive music theory dashboard for guitarists. http://guitardashboard.com/

The aim is to provide a graphical representation of music theory elements (scales, modes, chords etc) mapped to a guitar fretboard.

Developing with VS Code

Guitar Dashboard is written in Typescript using VS Code. Make all code changes in the src/*.ts files. Compilation outputs to the docs folder, do not edit the *.js or *.js.map files in this directory. They are included in the source repository because the website is hosted in GitHub pages which does not support Typescript compilation.

  1. Clone or fork-and-clone this repository.
  2. File -> Open folder at the root directory of the cloned repository.
  3. To develop locally using lite-server:
    • npm install
    • npm start
  4. Browse to http://localhost:10001/
  5. Edit the src/*.ts, index.html and gtr-cof.css files.
  6. Commit, push to GitHub and create a pull request :)

Developing without VS Code

First, make sure you have TypeScript installed. If not,

npm install -g typescript
will do the trick.
  1. Clone the repo and go into it
  2. Run
    npm install
  3. Open a shell and run
    tsc --watch
    so that the sources are always rebuilt automatically on source changes
  4. Open another shell and run
    npm start
    in it so that results will be visible in a browser
  5. Browse to http://localhost:10001/
  6. Edit the src/*.ts, index.html and gtr-cof.css files.
  7. Commit, push to GitHub and create a pull request :)

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.