diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 0000000000000000000000000000000000000000..3f714ac456ec4e692b2d0c8eda13d60125bf2cf7
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  singleQuote: true,
+  semi: false,
+}
diff --git a/README.md b/README.md
index d13f3d64b15656668f6685b750a9bb8f2e6682fa..15216ace8981eeac859d6b72dccd808c66396b15 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,3 @@
 # nodenogg.in (beta)
+
+![image of the 2020 alpha interface](https://nodenogg.in/img/interface2020.png)
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..ff7794168cbb355a73f469a501754f3e0a05d5a3
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,5 @@
+{
+    "include": [
+      "./src/**/*"
+    ]
+  }
\ No newline at end of file
diff --git a/src/assets/interface2020.png b/src/assets/interface2020.png
new file mode 100644
index 0000000000000000000000000000000000000000..c31d5c3628a20747b7e20a8ad7e6aa92fdf84c26
Binary files /dev/null and b/src/assets/interface2020.png differ
diff --git a/src/components/JoinMicrocosm.vue b/src/components/JoinMicrocosm.vue
index bfca06c8721323caeb1e2e661d0d2adf07310d38..d581626c8f26b017ce9b82b99767b7b65612d62f 100644
--- a/src/components/JoinMicrocosm.vue
+++ b/src/components/JoinMicrocosm.vue
@@ -43,8 +43,14 @@
 
 <script>
 export default {
-  name: "JoinMicrocosm"
-};
+  name: 'JoinMicrocosm',
+
+  data: function() {
+    return {
+      name: ''
+    }
+  }
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
diff --git a/src/components/TellmeMore.vue b/src/components/TellmeMore.vue
index b6e3296b3bbc7e3bc3e0cee1e4d189d57e99781e..b2a44ee02540930ea6289aebb1e540c4c0a73bc2 100644
--- a/src/components/TellmeMore.vue
+++ b/src/components/TellmeMore.vue
@@ -36,8 +36,8 @@
 
 <script>
 export default {
-  name: "TellmeMore",
-};
+  name: 'TellmeMore'
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
diff --git a/src/views/Credits.vue b/src/views/Credits.vue
index a8c10e8f3837be1a0beeb3123f2bf8ba4c27f1d7..10023684ed37395854c2a42d16500274844be3e5 100644
--- a/src/views/Credits.vue
+++ b/src/views/Credits.vue
@@ -8,8 +8,8 @@
 
 <script>
 export default {
-  name: "Credits",
-};
+  name: 'Credits'
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
diff --git a/src/views/Start.vue b/src/views/Start.vue
index c3eaa648da0ae7b9e4d507916dc134ba956d92f5..5422cbfe0c9faa007598ed674f90d76d40093897 100644
--- a/src/views/Start.vue
+++ b/src/views/Start.vue
@@ -21,22 +21,22 @@
 
 <script>
 // @ is an alias to /src
-import JoinMicrocosm from "@/components/JoinMicrocosm.vue";
-import TellmeMore from "@/components/TellmeMore.vue";
+import JoinMicrocosm from '@/components/JoinMicrocosm.vue'
+import TellmeMore from '@/components/TellmeMore.vue'
 
 export default {
-  name: "Start",
+  name: 'Start',
   components: {
     JoinMicrocosm,
-    TellmeMore,
+    TellmeMore
   },
   data() {
     return {
       isStart: false,
-      isTellme: false,
-    };
-  },
-};
+      isTellme: false
+    }
+  }
+}
 </script>
 
 <style scoped>
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ce8cfb75d9a5a08396441609e16c6b382264e6a
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,12 @@
+{
+    "include": [
+      "./src/**/*"
+    ],
+    "compilerOptions": {
+      "module": "es2015",
+      "moduleResolution": "node",
+      "target": "es5",
+      "sourceMap": true,
+      "allowJs": true
+    }
+  }
\ No newline at end of file