Express’s Response.render Method

Author: codingChewie

app.js

@@ -1,4 +1,5 @@
 const express = require('express')
+const eyes = require('eyespect')
 
 const app = express()
 
@@ -8,8 +9,13 @@ app.get('/', (req, res) => {
   res.render('index')
 })
 
-app.get('/hello', (req, res) => {
-  res.send('<h1>Hello Foobar</h1>')
+app.get('/cards', (req, res) => {
+  eyes.inspect(res.locals, 'res.locals')
+
+  res.render('card', {
+    prompt: `Who is buried in Grant's tomb?`,
+    hint: `Think about whose tomb it is?`,
+  })
 })
 
 app.listen(3000, () => console.log('The app is running on port 3000'))

package-lock.json

@@ -33,6 +33,7 @@
     "eslint-plugin-node": "^10.0.0",
     "eslint-plugin-prettier": "^3.1.1",
     "eslint-plugin-react": "^7.14.3",
+    "eyespect": "^0.1.10",
     "nodemon": "^1.19.2",
     "prettier": "^1.18.2"
   },

package.json

@@ -0,0 +1,13 @@
+doctype html
+html(lang="en")
+  head
+    title Flash Cards
+  body
+    header
+      h1 Flash Cards
+    section#content
+      h2= prompt
+      p
+        i Hint: #{hint}
+    footer
+      p An app to help you stufy

views/card.pug

@@ -1,7 +1,11 @@
 doctype html
 html(lang="en")
   head
-    title Landing Page
+    title Flash Cards
   body
-    h1 The future of something magical
-    p Something lipsum
+    header
+      h1 Flash Cards
+    section#content
+      h2 Welcome, student
+    footer
+      p An app to help you stufy