PianoPlay
PianoPlay copied to clipboard
An Angular application helping beginners learn music notation.
Piano Play
Piano Play is an Angular application to help those learning the piano to read music notation.
You can check out the app here: Piano Play.
For more details you can also read my blog post.
Credits:
- Joseph Woodward for his cool Piano Note Trainer, including the piano wav files.
- Taufik Nurrohman for the awesome looking CSS Piano
- The team at RISM-Switzerland for their amazing open-source SVG-based music notation library Verovio JavaScript toolkit.
- Kim Biesbjerg for his SafePipe code.
Angular CLI
Piano Play was generated with angular-cli.
Development server
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Build
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
Running unit tests
Run ng test
to execute the unit tests via Karma.
Running end-to-end tests
Run ng e2e
to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via ng serve
.
Deploying to Github Pages
Run npm run deploy
to deploy to GitHub Pages.