refactor for modular/decoupled code, new design

Split code into multiple files for better readability
Using front-end build with Parcel
Using lit-html for UI

.babelrc

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-transform-runtime"
+  ]
+}

.eslintrc.js

@@ -0,0 +1,33 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es6": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended"
+    ],
+    "globals": {
+        "Atomics": "readonly",
+        "SharedArrayBuffer": "readonly"
+    },
+    "parser": "babel-eslint",
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "ecmaVersion": 2018,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react"
+    ],
+    "rules": {
+        'semi': 2,
+        'no-unused-vars': 0,
+        'react/react-in-jsx-scope': 0,
+        'react/no-unknown-property': 0,
+        'react/prop-types': 0,
+        'react/display-name': 0
+    }
+};

.gitignore

@@ -1,2 +1,5 @@
 /audio/
 .DS_STORE
+/dist
+.cache
+node_modules