noteviewer

A guitar fretboard diagram viewer. Built with React, Redux. Musical elements based on the functional music theory library, tonal.

Demo

Installations

Application dependencies

npm install

Style & theming framework

This app is using the Semantic-UI framework for consistent styling.

• Globally install gulp build tool
  • npm install -g gulp
• Build the source:
  • npm run build:styles

Component definitions & preset themes are committed to source control. This GitHub issue recommends it.

Semantic-UI docs

Read these to know more:

• Getting Started
• Theming

Run tests

npm test

Starting, building

Development

• Bundle application & serve it in-memory:
  • npm start
• Visit http://localhost:8080/webpack/hot/dev-server.

Production

To locally test a production build:

• Remove all build files
  • npm run clean
• Install production dependencies
  • npm install --production
• Build style framework, bundle application & output to public/build
  • npm run heroku-postbuild
• Start app:
  • NODE_ENV=production npm start