added comments to server.js

Author: atomjar

db/user.json

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

server.js

@@ -34,6 +34,7 @@ app.post('/register', (req, res) => {
       name: req.body.name,
       email: req.body.email,
       password: req.body.password
+      // In a production app, you'll want to encrypt the password
     }
 
     const data = JSON.stringify(user, null, 2)
@@ -47,12 +48,12 @@ app.post('/register', (req, res) => {
           console.log(err + data)
         } else {
           const token = jwt.sign({ user }, 'the_secret_key')
+          // In a production app, you'll want the secret key to be an environment variable
           res.json({
             token,
             email: user.email,
             name: user.name
           })
-          console.log(`Added ${data} to user.json`)
         }
       })
     }
@@ -70,6 +71,7 @@ app.post('/login', (req, res) => {
     req.body.password === userInfo.password
   ) {
     const token = jwt.sign({ userInfo }, 'the_secret_key')
+    // In a production app, you'll want the secret key to be an environment variable
     res.json({
       token,
       email: userInfo.email,
@@ -80,8 +82,8 @@ app.post('/login', (req, res) => {
   }
 })
 
-//MIDDLEWARE
-function verifyToken(req, res, next) {
+// MIDDLEWARE
+function verifyToken (req, res, next) {
   const bearerHeader = req.headers['authorization']
 
   if (typeof bearerHeader !== 'undefined') {

src/views/Authenticate.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <component :is="loginOrRegister"/>
+    <component :is="loginOrRegister" />
     <a
       v-show="isNewUser"
       class="auth-link"
@@ -21,15 +21,15 @@ import LoginUser from '../components/LoginUser'
 export default {
   components: { RegisterUser, LoginUser },
   computed: {
-    isNewUser() {
+    isNewUser () {
       return this.$store.state.isNewUser
     },
-    loginOrRegister() {
+    loginOrRegister () {
       return this.isNewUser ? 'LoginUser' : 'RegisterUser'
     }
   },
   methods: {
-    toggleComponent() {
+    toggleComponent () {
       this.$store.dispatch('isNewUser', !this.isNewUser)
     }
   }