diff --git a/src/entry.js b/src/entry.js
new file mode 100644
index 0000000..a1dccac
--- /dev/null
+++ b/src/entry.js
@@ -0,0 +1,16 @@
+import "./keybinds";
+import "./whiteboard";
+import "./main";
+import "../assets/css/main.css"
+
+//Set correct width height on mobile browsers
+const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+if (isChrome) {
+    $('head').append('<meta name="viewport" content="width=device-width, initial-scale=0.52, maximum-scale=1" />');
+} else {
+    $('head').append('<meta name="viewport" content="width=1400" />');
+}
+
+if (module.hot) {
+    module.hot.accept();
+}
diff --git a/assets/js/keybinds.js b/src/keybinds.js
similarity index 100%
rename from assets/js/keybinds.js
rename to src/keybinds.js
diff --git a/assets/js/main.js b/src/main.js
similarity index 99%
rename from assets/js/main.js
rename to src/main.js
index ac8f387..f05f790 100644
--- a/assets/js/main.js
+++ b/src/main.js
@@ -1,3 +1,5 @@
+import keymage from "keymage";
+
 var whiteboardId = getQueryVariable("whiteboardid");
 var randomid = getQueryVariable("randomid");
 if (randomid && !whiteboardId) { //set random whiteboard on empty whiteboardid
diff --git a/assets/js/whiteboard.js b/src/whiteboard.js
similarity index 100%
rename from assets/js/whiteboard.js
rename to src/whiteboard.js