Setup express server

.env

@@ -0,0 +1 @@
+REACT_APP_DEBUG_HIDE_DATE=true

.gitignore

@@ -69,8 +69,8 @@ typings/
 .yarn-integrity
 
 # dotenv environment variables file
-.env
-.env.test
+#.env
+#.env.test
 
 # parcel-bundler cache (https://parceljs.org/)
 .cache

package.json

@@ -8,8 +8,10 @@
     "@testing-library/user-event": "^12.8.3",
     "axios": "^0.23.0",
     "body-parser": "^1.19.0",
+    "chalk": "^4.1.2",
     "concurrently": "^6.3.0",
     "cypress": "^8.7.0",
+    "debug": "^4.3.2",
     "express": "^4.17.1",
     "mongoose": "^6.0.10",
     "nodemon": "^2.0.14",
@@ -21,7 +23,7 @@
     "web-vitals": "^1.1.2"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "concurrently \"DEBUG=http:server nodemon ./src/server/server.js -q\" \"react-scripts start\"",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
@@ -43,5 +45,11 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "nodemon": "^2.0.14"
+  },
+  "nodemonConfig": {
+    "verbose": false
   }
 }

src/server/server.js

@@ -1,9 +1,20 @@
 const express = require("express");
 const app = express();
-const port = 3000;
+const port = 4000;
 
-app.get("/", (req, res) => res.send("Good monring sunshine!"));
+const chalk = require('chalk')
+const debug = require('debug');
+const log = debug('http:server');
+const http = require('http');
+const name = '[server.js]';
+const serverLog = chalk.redBright.bold
+
+app.get("/", (req, res) => {
+    res.send("Boom, you've hit the express server")
+    log(serverLog(`${name} returned a response @ '/'`))
+});
+
+app.listen(port, () => {
+    log(serverLog(`starting ${name} on port ${port}.`));
+})
 
-app.listen(port, () => console.log(
-  `Example app listening on port ${port}!`
-));