Move to frontend folder

frontend/src/App.vue

@@ -0,0 +1,17 @@
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+#app {
+  font-family: Helvetica, Arial, sans-serif;
+}
+</style>

frontend/src/components/Start.vue

@@ -0,0 +1,29 @@
+<template>
+  <div id="start">
+    <a href="#">start a lunch run</a>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Start'
+}
+</script>
+
+<style scoped>
+#start {
+}
+
+#start a {
+  display: block;
+  width: 200px;
+  margin: 60px auto;
+  padding: 20px;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  box-shadow: 2px 2px 5px #eee;
+  text-align: center;
+  text-decoration: none;
+  color: #333;
+}
+</style>

frontend/src/main.js

@@ -0,0 +1,15 @@
+// The Vue build version to load with the `import` command
+// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+
+Vue.config.productionTip = false
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  components: { App },
+  template: '<App/>'
+})

frontend/src/router/index.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import Start from '@/components/Start'
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'Start',
+      component: Start
+    }
+  ]
+})