noten-lernen

Learn to read sheet music.

Demo

You can see the current status of the app on Netlify:

• prod
• dev

Screenshots

Technologies

• PWA (it has a manifest.json and a service worker which caches all necessary files for offline use)
• Cordova (to package the app and put it on Google Play)
• Frontend-Framework: Vue
• Rendering music with JavaScript: abc.js
• Statistics line chart: chartist.js
• Multilinguality Plugin: vue-i18n
• WebMIDI, for MIDI keyboard input: webmidi

Development Setup

Web App

1. Install node.js if you don't already have it
2. Clone the repo
3. Run npm i in the command line to install the dependencies
4. Start the dev server with the command npm start

Android App

1. To run the app locally on Android, make sure you have Cordova and Android Developer Tools installed
2. cd cordova followed by npm i to install the Cordova dependencies
3. Connect your Android device and run npm run mobile
4. Release build: npm run build in the cordova directory (only possible with keystore)