FROM mongodb/mongodb-community-server:latest

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.json());
app.use(
   bodyParser.urlencoded({
      extended: true
   })
);
app.get('/', function(req, resp) {
   resp.send('hello from MongoDB index.js\n');
});

app.listen(3000, () => {
   console.log('app listening on port 3000');
});

$ cd /path/to/mongo_db
$ node index.js
app listening on port 3000

$ curl http://localhost:3000/
hello from MongoDB index.js

const mongoose = require('mongoose');

async function connect() {
  try {
    await mongoose.connect("mongodb://172.17.0.2:27017/joe_db");
  }
  catch (error) {
    console.log(error);
    process.exit();
  }
}
connect();

const studentSchema = mongoose.Schema({
   first_name: String,
   last_name: String,
   major: String
});
const Student = mongoose.model('Student',studentSchema);

function getStudents(req, resp) {
   Student.find().
      then(students => {
         resp.status(200).json(students);
   });
}

module.exports = { getStudents };

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const db = require('./queries.js');

app.use(bodyParser.json());
app.use(
   bodyParser.urlencoded({
      extended: true
   })
);
app.get('/', function(req, resp) {
   resp.send('hello from MongoDB index.js\n');
});
app.get('/students', db.getStudents);

app.listen(3000, () => {
   console.log('app listening on port 3000');
});

$ node index.js
app listening on port 3000
^C
$ node index.js
app listening on port 3000

$ curl http://localhost:3000/students
[{"first_name":"Jane","last_name":"Doe","major":"Biology"},{"first_name":"John","last_name":"Doe","major":"Chemistry"},{"first_name":"Bob","last_name":"Simmons","major":"Physics"}]

const mongoose = require('mongoose');

async function connect() {
  try {
    await mongoose.connect("mongodb://172.17.0.2:27017/joe_db");
  }
  catch (error) {
    console.log(error);
    process.exit();
  }
}
connect();

const studentSchema = mongoose.Schema({
   _id: Number,
   first_name: String,
   last_name: String,
   major: String
});
const Student = mongoose.model('Student',studentSchema);

function getStudents(req, resp) {
   Student.find().
      then(students => {
         resp.status(200).json(students);
   });
}

async function getLastStudentId() {
   let id;
   try {
      const students = await Student.find().sort('_id');
      const id = students[students.length-1]['_id'];
      return Number(id);
   }
   catch (error) {
      console.log(error);
   }
}

async function saveStudent(req, resp) {
   let id = await getLastStudentId() + 1;
   const { first_name, last_name, major } = req.body;
   let student = Student({ _id: id, first_name: first_name, last_name: last_name, major: major });
   await student.save();
   resp.status(201).send('student saved');
}

async function updateStudent(req, resp) {
   const id = Number(req.params.id);
   const { first_name, last_name, major } = req.body;
   try {
      const student = await Student.findByIdAndUpdate(id,
         { first_name: first_name, last_name: last_name, major: major },
         { new: true });
      resp.status(200).send('student updated');
   }
   catch (error) {
      throw error;
   }
}

async function getStudentById(req, resp) {
   const id = Number(req.params.id);
   try {
      const student = await Student.findById(id);
      if (student) {
         resp.status(200).json(student);
      }
   }
   catch (error) {
      throw error;
   }
}

async function deleteStudent(req, resp) {
   const id = Number(req.params.id);
   try {
      const student = await Student.findByIdAndDelete(id);
      if (student) {
         resp.status(200).send('student deleted');
      }
   }
   catch (error) {
      throw error;
   }
}

module.exports = { getStudents, saveStudent, updateStudent, getStudentById,
  deleteStudent };

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const db = require('./queries.js');

app.use(bodyParser.json());
app.use(
   bodyParser.urlencoded({
      extended: true
   })
);
app.get('/', function(req, resp) {
   resp.send('hello from MongoDB index.js\n');
});
app.get('/students', db.getStudents);
app.post('/students', db.saveStudent);
app.put('/students/:id', db.updateStudent);
app.get('/students/:id', db.getStudentById);
app.delete('/students/:id', db.deleteStudent);

app.listen(3000, () => {
   console.log('app listening on port 3000');
});

$ curl http://localhost:3000/students
[{"_id":1,"first_name":"Jane","last_name":"Doe","major":"Biology"},{"_id":2,"first_name":"John","last_name":"Doe","major":"Chemistry"},{"_id":3,"first_name":"Bob","last_name":"Simmons","major":"Physics"}]

$ curl http://localhost:3000/students
[{"_id":1,"first_name":"Jane","last_name":"Doe","major":"Biology"},{"_id":2,"first_name":"John","last_name":"Doe","major":"Chemistry"}]

const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');
const app = express();
const db = require('./queries.js');

app.use(cors({
   origin: 'http://localhost:8000'
}));
app.use(bodyParser.json());
app.use(
   bodyParser.urlencoded({
      extended: true
   })
);
app.get('/', function(req, resp) {
   resp.send('hello from MongoDB index.js\n');
});
app.get('/students', db.getStudents);
app.post('/students', db.saveStudent);
app.put('/students/:id', db.updateStudent);
app.get('/students/:id', db.getStudentById);
app.delete('/students/:id', db.deleteStudent);

app.listen(3000, () => {
   console.log('app listening on port 3000');
});

$ cd /path/to/mongo_db
$ http-server -a localhost -p 8000

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
      document.addEventListener('DOMContentLoaded', init);
      let students_data = [];
      let students_tbody;
      let add_dlg;
      let edit_dlg;
      let student_id;

      function removeChildren(elem) {
        while (elem.childNodes.length > 0) {
          elem.removeChild(elem.childNodes[0]);
        }
      }

      async function getStudents() {
        try {
          const students = await axios({
            method: 'get',
            url: 'http://localhost:3000/students'
          });
          students_data = students.data;
          console.log(students_data);
          updateStudentsTable();
        }
        catch (error) {
          console.log(error);
        }
      }

      async function handleAdd() {
        const add_fn_box = document.getElementById('add_fn_box');
        let first_name = add_fn_box.value.trim();
        const add_ln_box = document.getElementById('add_ln_box');
        let last_name = add_ln_box.value.trim();
        const add_maj_box = document.getElementById('add_maj_box');
        let major = add_maj_box.value.trim();
        try {
          await axios({
            method: 'post',
            url: 'http://localhost:3000/students',
            data: {
              first_name: first_name,
              last_name: last_name,
              major: major
            }
          });
          getStudents();
          add_dlg.close();
        }
        catch (error) {
        }
      }

      async function showEditDlg(event) {
        const id = Number(event.currentTarget.id);
        student_id = id;
        try {
          const results = await axios({
             method: 'get',
             url: `http://localhost:3000/students/${id}`,
          });
          console.log('results', results);
          //const student = results.data[0];
          const student = results.data;
          const edit_fn_box = document.getElementById('edit_fn_box');
          edit_fn_box.value = student.first_name;
          const edit_ln_box = document.getElementById('edit_ln_box');
          edit_ln_box.value = student.last_name;
          const edit_maj_box = document.getElementById('edit_maj_box');
          edit_maj_box.value = student.major;
          edit_dlg.showModal();
        }
        catch (error) {
          console.log(error);
        }
      }

      async function handleEdit() {
        const edit_fn_box = document.getElementById('edit_fn_box');
        let first_name = edit_fn_box.value.trim();
        const edit_ln_box = document.getElementById('edit_ln_box');
        let last_name = edit_ln_box.value.trim();
        const edit_maj_box = document.getElementById('edit_maj_box');
        let major = edit_maj_box.value.trim();
        await axios({
          method: 'put',
          url: `http://localhost:3000/students/${student_id}`,
          data: {
            first_name: first_name,
            last_name: last_name,
            major: major
          }
        });
        getStudents();
        edit_dlg.close();
      }

      async function handleDelete() {
        await axios({
          method: 'delete',
          url: `http://localhost:3000/students/${student_id}`
        });
        getStudents();
        edit_dlg.close();
      }

      function updateStudentsTable() {
        removeChildren(students_tbody);
        for (let i = 0; i < students_data.length; i++) {
          const student = students_data[i];
          let tr = document.createElement('tr');
          tr.addEventListener('click', showEditDlg);
          //const id = student.id;
          const id = student._id;
          tr.setAttribute("id", id);
          let td = document.createElement('td');
          let content = document.createTextNode(student.first_name);
          td.appendChild(content);
          tr.appendChild(td);
          td = document.createElement('td');
          content = document.createTextNode(student.last_name);
          td.appendChild(content);
          tr.appendChild(td);
          td = document.createElement('td');
          content = document.createTextNode(student.major);
          td.appendChild(content);
          tr.appendChild(td);
          students_tbody.appendChild(tr);
        }
      }

      function init() {
        students_tbody = document.getElementById('students_tbody');
        add_dlg = document.getElementById('add_dlg');
        const add_button = document.getElementById('add_button');
        add_button.addEventListener('click', () => { add_dlg.showModal(); });
        const add_cancel = document.getElementById('add_cancel');
        add_cancel.addEventListener('click', () => { add_dlg.close(); });
        const add_ok = document.getElementById('add_ok');
        add_ok.addEventListener('click', handleAdd);
        edit_dlg = document.getElementById('edit_dlg');
        const edit_cancel = document.getElementById('edit_cancel');
        edit_cancel.addEventListener('click', () => { edit_dlg.close(); });
        const edit_ok = document.getElementById('edit_ok');
        edit_ok.addEventListener('click', handleEdit);
        const delete_button = document.getElementById('delete_button');
        delete_button.addEventListener('click', handleDelete);
        getStudents();
      }
    </script>
  </head>
  <body>
    <h1>Students Table</h1>
    <button id="add_button">Add student</button><br>
    <dialog id="add_dlg">
      First Name:
      <input type="text" id="add_fn_box"><br>
      Last Name:
      <input type="text" id="add_ln_box"><br>
      Major:
      <input type="text" id="add_maj_box"><br>
      <br>
      <button id="add_cancel">Cancel</button>
      <button id="add_ok">Ok</button>
    </dialog>
    <dialog id="edit_dlg">
      First Name:
      <input type="text" id="edit_fn_box"><br>
      Last Name:
      <input type="text" id="edit_ln_box"><br>
      Major:
      <input type="text" id="edit_maj_box"><br>
      <br>
      <button id="edit_cancel">Cancel</button>
      <button id="edit_ok">Ok</button>
      <button id="delete_button">Delete student</button>
    </dialog>
    <table border="1">
      <thead>
        <tr>
          <th>First Name</th>
          <th>Last Name</th>
          <th>Major</th>
        </tr>
      </thead>
      <tbody id="students_tbody"></tbody>
    </table>
  </body>
</html>