deleted duplicate files

Author: atomjar

_server.js

@@ -0,0 +1,96 @@
+var express = require('express')
+var jwt = require('jsonwebtoken')
+var cors = require('cors')
+var bodyParser = require('body-parser')
+var fs = require('fs')
+var events = require('./db/events.json')
+
+const app = express()
+
+app.use(cors())
+app.use(bodyParser.json())
+
+app.get('/', (req, res) => {
+  res.json({
+    message: 'Welcome to the API.'
+  })
+})
+
+app.get('/dashboard', verifyToken, (req, res) => {
+  jwt.verify(req.token, 'the_secret_key', err => {
+    if (err) {
+      res.sendStatus(401)
+    } else {
+      res.json({
+        events: events
+      })
+    }
+  })
+})
+
+app.post('/register', (req, res) => {
+  if (req.body) {
+    const user = {
+      name: req.body.name,
+      email: req.body.email,
+      password: req.body.password
+      // You'll want to encrypt the password in a live app
+    }
+
+    var data = JSON.stringify(user, null, 2)
+
+    fs.writeFile('db/user.json', data, err => {
+      if (err) {
+        console.log(err)
+      } else {
+        console.log('Added user to user.json')
+      }
+    })
+    // The secret key should be an evironment variable in a live app
+    const token = jwt.sign({ user }, 'the_secret_key')
+    res.json({
+      token,
+      email: user.email,
+      name: user.name
+    })
+  } else {
+    res.sendStatus(401)
+  }
+})
+
+app.post('/login', (req, res) => {
+  var userDB = fs.readFileSync('./db/user.json')
+  var userInfo = JSON.parse(userDB)
+  if (
+    req.body &&
+    req.body.email === userInfo.email &&
+    req.body.password === userInfo.password
+  ) {
+    // The secret key should be an environment variable in a live app
+    const token = jwt.sign({ userInfo }, 'the_secret_key')
+    res.json({
+      token,
+      email: userInfo.email,
+      name: userInfo.name
+    })
+  } else {
+    res.sendStatus(401)
+  }
+})
+
+function verifyToken (req, res, next) {
+  const bearerHeader = req.headers['authorization']
+
+  if (typeof bearerHeader !== 'undefined') {
+    const bearer = bearerHeader.split(' ')
+    const bearerToken = bearer[1]
+    req.token = bearerToken
+    next()
+  } else {
+    res.sendStatus(401)
+  }
+}
+
+app.listen(3000, () => {
+  console.log('Server started on port 3000')
+})

db/user.json

@@ -1,5 +1,5 @@
 {
-  "name": "adam",
-  "email": "adam@gmail.com",
+  "name": "Mary Beth",
+  "email": "mary@gmail.com",
   "password": "pass123"
 }

package-lock.json

@@ -9,15 +9,13 @@
 import AppNav from './components/AppNav'
 
 export default {
-  name: 'App',
   components: { AppNav }
 }
 </script>
 
 <style lang="scss">
-@import "./assets/styles/global.scss";
-
-.page{
+@import './assets/styles/global.scss';
+.page {
   display: flex;
   justify-content: center;
   flex-direction: column;

src/App.vue

@@ -1,37 +1,40 @@
 <template>
   <div id="nav">
     <router-link to="/">
-      Home
-    </router-link>
+Home
+</router-link>
 
     <template v-if="user">
       <router-link to="dashboard">
-        Dashboard
-      </router-link>
+Dashboard
+</router-link>
 
       <span class="nav-welcome">Hello, {{ user.name }}.</span>
 
-      <button type="button" @click="logout">
-        Log out
-      </button>
+      <button type="button" class="logoutButton" @click="logout">
+Log out
+</button>
     </template>
 
     <template v-else>
       <router-link to="authenticate" class="button">
-        Login
-      </router-link>
+Login
+</router-link>
     </template>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'AppNav',
   computed: {
-    user () { return this.$store.state.user }
+    user () {
+      return this.$store.state.user
+    }
   },
   methods: {
-    logout () { this.$store.dispatch('logout') }
+    logout () {
+      this.$store.dispatch('logout')
+    }
   }
 }
 </script>
@@ -77,6 +80,10 @@ button,
   }
 }
 
+.logoutButton {
+  cursor: pointer;
+}
+
 .nav-welcome + button {
   margin-left: 0;
 }

src/components/AppNav.vue

@@ -7,7 +7,6 @@ Vue.use(Vuex)
 export default new Vuex.Store({
   state: {
     user: null,
-    status: null,
     isNewUser: true
   },
   mutations: {
@@ -18,14 +17,11 @@ export default new Vuex.Store({
       }`
       state.user = userData
     },
-    SET_STATUS (state, status) {
-      state.status = status
-    },
     LOGOUT () {
       localStorage.removeItem('user')
       location.reload()
     },
-    ISNEWUSER (state, isNewUser) {
+    IS_NEW_USER (state, isNewUser) {
       state.isNewUser = isNewUser
     }
   },
@@ -48,7 +44,7 @@ export default new Vuex.Store({
       commit('LOGOUT')
     },
     isNewUser ({ commit }, isNewUser) {
-      commit('ISNEWUSER', isNewUser)
+      commit('IS_NEW_USER', isNewUser)
     }
   }
 })