$ mkdir blog-vue-back-end && cd blog-vue-back-end$ npm initpackage name: blog-vue-back-endversion: // press enterdescription: Tutorialentry point: index.jstest command: // press entergit repository: // press enterkeywords: Mongo DB, Node, Passport and Expressauthor: your namelicence: MIT// save

$ npm install express mongoose mongodb cors body-parser node express dotenv

$ npm install -D nodemon

{  "name": "blog-vue-back-end",  "version": "1.0.0",  "description": "Tutorial Backend for Blog Application",  "main": "index.js",  "scripts": {    "start": "node server/index.js",    "dev": "nodemon server/index.js",    "test-dev": "jest"  },  "keywords": [    "Mongo",    "DB",    "Express",    "Node"  ],  "author": "Kevin Odongo",  "license": "MIT",  "dependencies": {    "@shelf/jest-mongodb": "^1.2.3",    "body-parser": "^1.19.0",    "cors": "^2.8.5",    "dotenv": "^8.2.0",    "express": "^4.17.1",    "jest": "^26.6.3",    "mongodb": "^3.6.3",    "mongoose": "^5.11.14"  },  "devDependencies": {    "nodemon": "^2.0.7"  }}

$ touch index.js

const express = require("express");const bodyParser = require("body-parser");const cors = require("cors");require('dotenv').config()const app = express();// parse application/jsonapp.use(bodyParser.json())// parse application/x-www-form-urlencodedapp.use(bodyParser.urlencoded({ extended: true }))var corsOptions = {  origin: 'http://localhost:3000'}// use cors optionsapp.use(cors(corsOptions))// const db = require("./app/models");db.mongoose  .connect(db.url, {    useNewUrlParser: true,    useUnifiedTopology: true,    useFindAndModify: false,    useCreateIndex: true  })  .then(() => {    console.log("Connected to the database!");  })  .catch(err => {    console.log("Cannot connect to the database!", err);    process.exit();  });// routesconst blog = require('./app/routes/blog')app.use('/api/blog', blog)// listening portconst PORT = process.env.PORT || 3000;app.listen(PORT, () => {    console.log(`Server is running on port ${PORT}.`);});

$ touch .env// add the followingMONGO_DB_URI = mongodb+srv://odongo:[email protected]/blog?retryWrites=true&w=majority

$ touch .gitignore// add the followingnode_modules# local env files.env.local.env.*.local

module.exports = {  url: process.env.MONGO_DB_URI};

const db = require("../models");const Blog = db.blog;// Create and Save a new blogexports.create = (req, res) => {    // Validate request  if (!req.body.content) {    res.status(400).send({ message: "Content can not be empty!" });    return;  }  // Create a blog  const blog = new Blog({    author: req.body.author,    content: req.body.content,    published: req.body.published ? req.body.published : false  });  // Save blog in the database  blog    .save(blog)    .then(data => {      res.send(data);    })    .catch(err => {      res.status(500).send({        message:          err.message || "Some error occurred while creating the blog."      });    });};// Retrieve all blogs from the database.exports.findAll = (req, res) => {    const content = req.query.content;    var condition = content ? { content: { $regex: new RegExp(content), $options: "i" } } : {};    Blog.find(condition)      .then(data => {        res.send(data);      })      .catch(err => {        res.status(500).send({          message:            err.message || "Some error occurred while retrieving blogs."        });      });};// Find a single blog with an idexports.findOne = (req, res) => {    const id = req.params.id;    Blog.findById(id)      .then(data => {        if (!data)          res.status(404).send({ message: "Not found blog with id " + id });        else res.send(data);      })      .catch(err => {        res          .status(500)          .send({ message: "Error retrieving blog with id=" + id });      });};// Update a blog by the id in the requestexports.update = (req, res) => {    if (!req.body) {        return res.status(400).send({          message: "Data to update can not be empty!"        });      }      const id = req.params.id;      Blog.findByIdAndUpdate(id, req.body, { useFindAndModify: false })        .then(data => {          if (!data) {            res.status(404).send({              message: `Cannot update Blog with id=${id}. Maybe Blog was not found!`            });          } else res.send({ message: "Blog was updated successfully." });        })        .catch(err => {          res.status(500).send({            message: "Error updating Blog with id=" + id          });        });};// Delete a blog with the specified id in the requestexports.delete = (req, res) => {    const id = req.params.id;    Blog.findByIdAndRemove(id)      .then(data => {        if (!data) {          res.status(404).send({            message: `Cannot delete Blog with id=${id}. Maybe Blog was not found!`          });        } else {          res.send({            message: "Blog was deleted successfully!"          });        }      })      .catch(err => {        res.status(500).send({          message: "Could not delete Tutorial with id=" + id        });      });};// Delete all blogs from the database.exports.deleteAll = (req, res) => {    Blog.deleteMany({})    .then(data => {      res.send({        message: `${data.deletedCount} Blogs were deleted successfully!`      });    })    .catch(err => {      res.status(500).send({        message:          err.message || "Some error occurred while removing all blogs."      });    });};// Find all published blogsexports.findAllPublished = (req, res) => {    Blog.find({ published: true })    .then(data => {      res.send(data);    })    .catch(err => {      res.status(500).send({        message:          err.message || "Some error occurred while retrieving blogs."      });    });};

const dbConfig = require("../config/db.config");const mongoose = require("mongoose");mongoose.Promise = global.Promise;const db = {};db.mongoose = mongoose;db.url = dbConfig.url;db.blog = require("./blog.model.js")(mongoose);module.exports = db;

module.exports = mongoose => {    const Blog = mongoose.model(      "blog",      mongoose.Schema(        {          author: String,          content: String,          published: Boolean        },        { timestamps: true }      )    );    // We can add a category to categorize articles    // Incase you want to replace _.id with id     // schema.method("toJSON", function() {    //   const { __v, _id, ...object } = this.toObject();    //   object.id = _id;    //   return object;    // });    // const Blog = mongoose.model("blog", schema);    return Blog;  };

const express = require("express")const router = express.Router()const blog = require("../controller/blog.controller");// /api/blog: GET, POST, DELETE// /api/blog/:id: GET, PUT, DELETE// /api/blog/published: GET// Create a new blogrouter.post("/", blog.create);// Retrieve all blogrouter.get("/", blog.findAll);// Retrieve all published blogrouter.get("/published", blog.findAllPublished);// Retrieve a single blog with idrouter.get("/:id", blog.findOne);// Update a Tutorial with idrouter.put("/:id", blog.update);// Delete a Tutorial with idrouter.delete("/:id", blog.delete);// Create a new Tutorialrouter.delete("/", blog.deleteAll);module.exports = router

$ cd .. && cd /blog-vue-front-end$ npm run serve// Your front-end will be running on PORT 8080 || PORT 8081// Your back-end will be running on PORT 3000

$ yarn add axios

import axios from "axios";// create new blogexport const createnewblog = async item => {  let data = {    author: JSON.stringify({      name: item.author.name,      email: item.author.email,      about: item.author.about    }), // replace with auth user    content: JSON.stringify({      title: item.content.title,      src: item.content.src,      text: item.content.text    })  };  let request = {    url: "http://localhost:3000/api/blog", // should be replaced after going to production with domain url    method: "post",    headers: {      "Content-type": "application/json"    },    data: JSON.stringify(data)  };  const response = await axios(request);  return response;};// delete blogexport const deleteblog = async item => {  let request = {    url: "http://localhost:3000/api/blog/" + item, // should be replaced after going to production with domain url    method: "delete",    headers: {      "Content-type": "application/json"    }  };  const response = await axios(request);  return response;};// update blogexport const updateblog = async item => {  let data = {    author: JSON.stringify({      name: item.author.name,      email: item.author.email,      about: item.author.about    }), // replace with auth user    content: JSON.stringify({      title: item.content.title,      src: item.content.src,      text: item.content.text    }),    published: item.published  };  let request = {    url: "http://localhost:3000/api/blog/" + item._id, // should be replaced after going to production with domain url    method: "put",    headers: {      "Content-type": "application/json"    },    data: JSON.stringify(data)  };  const response = await axios(request);  return response;};// get all blogexport const retriveallblog = async () => {  let request = {    url: "http://localhost:3000/api/blog", // should be replaced after going to production with domain url    method: "get",    headers: {      "Content-type": "application/json"    }  };  const response = await axios(request);  return response;};