updating boilerplate Mongo connection

Author: jessbennett

UserSchema.js

@@ -7,6 +7,7 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
+    "cors": "^2.8.5",
     "dotenv": "^8.2.0",
     "express": "^4.17.1",
     "mongoose": "^5.8.1",

package.json

@@ -0,0 +1,14 @@
+var mongoose = require('mongoose');
+
+// example of an "exam schema"
+var exam = mongoose.Schema({
+  questions: [
+    {
+      question_id: String,
+      questions: [String],
+      correct_answer: String
+    }
+  ]
+});
+
+module.exports = exam;

schemas/ExamSchema.js

@@ -0,0 +1,16 @@
+var mongoose = require('mongoose');
+
+var userSchema = mongoose.Schema({
+  firstName: String,
+  lastName: String,
+  active_test: String,
+  answers: [
+    {
+      question_id: String,
+      answer: String
+    }
+  ],
+  exam_id: String
+});
+
+module.exports = userSchema;

schemas/UserSchema.js

@@ -1,8 +1,10 @@
 const express = require('express');
 const app = express();
 const port = process.env.PORT || 5000;
-const UserSchema = require('./UserSchema');
+const UserSchema = require('./schemas/UserSchema');
+const cors = require('cors');
 
+app.use(cors());
 // console.log that your server is up and running
 app.listen(port, () => console.log(`Listening on port ${port}`));
 
@@ -11,15 +13,15 @@ app.get('/express_backend', (req, res) => {
   res.send({ express: 'YOUR EXPRESS BACKEND IS CONNECTED TO REACT' });
 });
 
-app.get('/add_user/:firstName/:lastName', (req, res) => {
+app.post('/add_user/:firstName/:lastName', (req, res) => {
   const { firstName, lastName } = req.params;
   const User = mongoose.model('UserSchema', UserSchema, 'UserSchema');
   const userSchema = new User({ firstName, lastName });
-
+  console.log({ firstName, lastName, userSchema });
   // save model to database
   userSchema.save((err, userSchema) => {
     if (err) return res.send({ err }).status(400);
-    console.log({ userSchema });
+    console.log({ userSchema, err });
     res.send({ userSchema }).status(200);
   });
 });

server.js

@@ -7,6 +7,8 @@ import TableContainer from '@material-ui/core/TableContainer';
 import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
 import Paper from '@material-ui/core/Paper';
+// import { response } from 'express';
+import Button from '@material-ui/core/Button';
 
 const useStyles = makeStyles({
   table: {
@@ -28,6 +30,23 @@ const rows = [
 
 export default function NameTable() {
   const classes = useStyles();
+  const makeUser = async () => {
+    try {
+      const response = await fetch(
+        'http://localhost:5000/add_user/jessica/bennett',
+        {
+          method: 'POST',
+          body: JSON.stringify({ firstName: 'jessica', lastName: 'bennett' })
+        }
+      );
+      const { data } = response;
+      console.log({ response, data });
+      return response;
+    } catch (error) {
+      console.log({ error });
+      return error;
+    }
+  };
 
   return (
     <TableContainer component={Paper}>
@@ -49,6 +68,9 @@ export default function NameTable() {
           ))}
         </TableBody>
       </Table>
+      <Button variant='contained' onClick={() => makeUser()}>
+        work
+      </Button>
     </TableContainer>
   );
 }