mongod;<\/pre><\/div>\n\n\n\nMongoDB will start on PORT 27017.<\/p>\n\n\n\n
To start the mongo shell. Open another terminal (Do not close the terminal where mongod is running).<\/p>\n\n\n\n
Again go to \u201cC:Program FilesMongoDBServer4.2bin\\\u201d and type the following command.<\/p>\n\n\n\n
mongo;<\/pre><\/div>\n\n\n\nThis command will run the mongo shell.<\/p>\n\n\n\n
Inserting data<\/h3>\n\n\n\n Let\u2019s create a database and insert data in it.<\/p>\n\n\n\n
Type the following command to create a database.<\/p>\n\n\n\n
use details<\/pre><\/div>\n\n\n\nLet\u2019s insert a few documents in it.<\/p>\n\n\n\n
\n
", "age" :29},{"name": "Mike", "age" :23}])\n{\n "acknowledged" : true,\n "insertedIds" : [\n ObjectId("5da3267ed1ee0751c51aa0e4"),\n ObjectId("5da3267ed1ee0751c51aa0e5"),\n ObjectId("5da3267ed1ee0751c51aa0e6"),\n ObjectId("5da3267ed1ee0751c51aa0e7"),\n ObjectId("5da3267ed1ee0751c51aa0e8")\n ]\n}<\/pre><\/div>\n<\/div><\/div>\n\n\n\nWe created a collection named \u201cdetails\u201d, and inserted five documents in it. Let\u2019s check.<\/p>\n\n\n\n
db.details.find()\n{ "_id" : ObjectId("5da3267ed1ee0751c51aa0e4"), "name" : "John", "age" : 21 }\n{ "_id" : ObjectId("5da3267ed1ee0751c51aa0e5"), "name" : "Max", "age" : 32 }\n{ "_id" : ObjectId("5da3267ed1ee0751c51aa0e6"), "name" : "Lisa", "age" : 25 }\n{ "_id" : ObjectId("5da3267ed1ee0751c51aa0e7"), "name" : "Sam", "age" : 29 }\n{ "_id" : ObjectId("5da3267ed1ee0751c51aa0e8"), "name" : "Mike", "age" : 23 }<\/pre><\/div>\n\n\n\nConnecting to MongoDB using Mongoose<\/h3>\n\n\n\n Earlier, we installed mongoose. Let\u2019s use mongoose to connect the server to MongoDB.<\/p>\n\n\n\n
First, we need to import mongoose in our file.<\/p>\n\n\n\n
const mongoose = require("mongoose");<\/pre><\/div>\n\n\n\nThen, connect mongoose to the database using the connect() function.<\/p>\n\n\n\n
mongoose.connect("mongodb:\/\/127.0.0.1:27017\/details", {\n useNewUrlParser: true\n});\n\nconst connection = mongoose.connection;<\/pre><\/div>\n\n\n\nAt last, we use the following function to tell us that the connection was successful.<\/p>\n\n\n\n
connection.once("open", function() {\n console.log("Connection with MongoDB was successful");\n});<\/pre><\/div>\n\n\n\nThis is how the index.js file looks now.<\/p>\n\n\n\n
const express = require("express");\nconst app = express();\nconst cors = require("cors");\nconst PORT = 4000;\nconst mongoose = require("mongoose");\napp.use(cors());\n\nmongoose.connect("mongodb:\/\/127.0.0.1:27017\/details", {\n useNewUrlParser: true\n});\n\nconst connection = mongoose.connection;\n\nconnection.once("open", function() {\n console.log("Connection with MongoDB was successful");\n});\n\napp.listen(PORT, function() {\n console.log("Server is running on Port: " + PORT);\n});<\/pre><\/div>\n\n\n\nCreating a schema<\/h3>\n\n\n\n Next step is to create a schema.<\/p>\n\n\n\n
In the same folder where index.js file is, create a new file \u201cmodel.js\u201d add the following code in it.<\/p>\n\n\n\n
const mongoose = require("mongoose");\nconst Schema = mongoose.Schema;\n\nlet detail = new Schema({\n name: {\n type: String\n },\n age: {\n type: Number\n }\n});\n\nmodule.exports = mongoose.model("detail", detail);<\/pre><\/div>\n\n\n\nThe model is ready and we need to import it in the index.js file. Add the following code in index.js file to do so.<\/p>\n\n\n\n
let detail = require(".\/model");<\/pre><\/div>\n\n\n\nImplementing endpoints<\/h3>\n\n\n\n The server is ready and connection with MongoDB is established. Now we will implement the endpoint. As we discussed in the previous part, we will fetch the data from MongoDB. To fetch data, we have to use GET. Let\u2019s create a route handler for it.<\/p>\n\n\n\n
But first, we need a router for it. Add the following line before the connection part.<\/p>\n\n\n\n
const router = express.Router();<\/pre><\/div>\n\n\n\nAnd add this line above app.listen() function.<\/p>\n\n\n\n
app.use("\/", router);<\/pre><\/div>\n\n\n\nNow the router part is complete. Let\u2019s create the handler.<\/p>\n\n\n\n
router.route("\/getData").get(function(req, res) {\n detail.find({}, function(err, result) {\n if (err) {\n res.send(err);\n } else {\n res.send(result);\n }\n });\n});<\/pre><\/div>\n\n\n\nIn this route handler, we used the find() method to retrieve all the documents from the details collection. The endpoint here is \u201c\/getData\u201d. To check the endpoint, we will use the postman tool. You can download this tool from www.getpostman.com.<\/p>\n\n\n\n
Design the Frontend<\/h2>\n\n\n\n The backend is ready, let\u2019s build the frontend.<\/p>\n\n\n\n
Understanding the frontend<\/h3>\n\n\n\n So before we start writing code for the frontend part, we need to understand, what we are going to build. Our frontend part will contain a button. When clicked on this button, data the details collection will de display below it. We will display the name and age from every document of the collection.<\/p>\n\n\n\n
Creating the react application.<\/h3>\n\n\n\n Go to the directory that contains the backend folder. In the same directory, run the following command in a terminal.<\/p>\n\n\n\n
npx create-react-app frontend<\/pre><\/div>\n\n\n\nHere, \u201cfrontend\u201d is the name of the folder that contains the default react project template and the dependencies are also installed with it. Go to this folder and type the following command to run the react application.<\/p>\n\n\n\n
npm start<\/pre><\/div>\n\n\n\nAdding bootstrap<\/h3>\n\n\n\n Well, we are not building an application with many stylings, but still, we will use bootstrap in it. To install the bootstrap, use the following command.<\/p>\n\n\n\n
npm install bootstrap<\/pre><\/div>\n\n\n\nIn the frontend folder, open the src folder. Then, open the App.js file. We need to import bootstrap here.<\/p>\n\n\n\n
import "bootstrap\/dist\/css\/bootstrap.min.css";<\/pre><\/div>\n\n\n\nMoreover, remove all the default code present in the App class.<\/p>\n\n\n\n
Adding component<\/h3>\n\n\n\n We will have one component in our application, that will contain the button. In the src folder, create a new directory and name it \u201ccomponents\u201d. Go to this folder and create a new file. Name it \u201cdetails\u201d.<\/p>\n\n\n\n
Add the following code in it.<\/p>\n\n\n\n
import React, { Component } from "react";\n\nexport default class Details extends Component {\n render() {\n return (\n <div className="container-fluid" style={{ marginTop: "30px" }}>\n <div className="row">\n <div className="col-xs-12\u2033 style={{ textAlign: "center" }}>\n <button\n className="btn btn-primary"\n style={{ position: "absolute", marginLeft: "50%" }}\n >\n Click\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n );\n }\n}<\/pre><\/div>\n\n\n\nNow, open the app.js file and import this component in it. And then use this component in the App function. This is how the app.js file will look.<\/p>\n\n\n\n
import React from "react";\nimport ".\/App.css";\nimport "bootstrap\/dist\/css\/bootstrap.min.css";\nimport Details from ".\/components\/details";\n\nfunction App() {\n return <Details \/>;\n}\n\nexport default App;<\/pre><\/div>\n\n\n\nConnect Backend With Frontend<\/h2>\n\n\n\n Frontend and backend are ready. Let\u2019s connect them.<\/p>\n\n\n\n
Installing and using Axios<\/h3>\n\n\n\n To connect both of them, we need the Axios library. Run the following command to install the Axios.<\/p>\n\n\n\n
npm install axios<\/pre><\/div>\n\n\n\nThen, import Axios in the details.js file.<\/p>\n\n\n\n
import axios from "axios";<\/pre><\/div>\n\n\n\nCompleting the frontend<\/h3>\n\n\n\n We will use the Axios to fetch data from the backend. We will use axios.get method. But first, we need to define a state in the constructor.<\/p>\n\n\n\n
this.state = {\n data: [],\n buttonClicked: false\n};<\/pre><\/div>\n\n\n\ndata: This will hold the details fetched from the backend. buttonClicked: This will be used to display data when the button is clicked.<\/p>\n\n\n\n
This is axios is used.<\/p>\n\n\n\n
axios.get("http:\/\/localhost:4000\/getData").then(res => {\n this.setState({\n data: res.data\n });\n});<\/pre><\/div>\n\n\n\nWe used the same endpoint that we defined while creating the backend. When we get the response from the backend, we have to store the data in a state. We will store the data in this.state.data.<\/p>\n\n\n\n
To make this work properly, we will add this code in a lifecycle method known as componentDidMount(). This method executes before the first rendering.<\/p>\n\n\n\n
componentDidMount(){\n axios.get('http:\/\/localhost:4000\/getData')\n .then((res) =>{\n this.setState({\n data: res.data\n })\n });\n }<\/pre><\/div>\n\n\n\nDisplay data<\/h3>\n\n\n\n Now, we have all the data. We just need to display it. Remember, the data returned is an array of objects. We have to iterate through it. We will display the data in the following way.<\/p>\n\n\n\n
this.state.data.map((data)=>{\n return(\n <React.Fragment>\n <p> <b>name<\/b> : {data.name}<\/p>\n <p><b>age<\/b> : {data.age}<\/p>\n <hr\/>\n <\/React.Fragment>\n )<\/pre><\/div>\n\n\n\nObserve the code. We will iterate through this.state.data using the map method. Now we have to put this inside a condition. This code will only get executed when the button is clicked. And for this, we have this.state.buttonClicked.<\/p>\n\n\n\n
getDetails(){\n if(!this.state.buttonClicked){\n this.setState({\n buttonClicked: true\n })\n }\n }<\/pre><\/div>\n\n\n\nThis function will be executed when the button is clicked. It will change the value of this.state.buttonClicked to true and then data will get displayed on the screen.<\/p>\n\n\n\n
Let\u2019s add everything to the details.js file.<\/p>\n\n\n\n
import React, { Component } from "react";\nimport axios from "axios";\n\nexport default class Details extends Component {\n constructor() {\n super();\n this.state = {\n data: [],\n buttonClicked: false\n };\n this.getDetails = this.getDetails.bind(this);\n }\n\n componentDidMount() {\n axios.get("http:\/\/localhost:4000\/getData").then(res => {\n this.setState({\n data: res.data\n });\n });\n }\n\n getDetails() {\n if (!this.state.buttonClicked) {\n this.setState({\n buttonClicked: true\n });\n }\n }\n\n render() {\n return (\n <div className="container-fluid" style={{ marginTop: "30px" }}>\n <div className="row">\n <div className="col-xs-12\u2033 style={{ textAlign: "center" }}>\n <button\n className="btn btn-primary"\n style={{ position: "absolute", marginLeft: "50%" }}\n onClick={this.getDetails}\n >\n Click\n <\/button>\n <div\n className="container-fluid"\n style={{\n position: "absolute",\n textAlign: "center",\n marginTop: "50px"\n }}\n >\n {this.state.buttonClicked\n ? this.state.data.map(data => {\n return (\n <React.Fragment>\n <p>\n {" "}\n <b>name<\/b> : {data.name}\n <\/p>\n <p>\n <b>age<\/b> : {data.age}\n <\/p>\n <hr \/>\n <\/React.Fragment>\n );\n })\n : null}\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n );\n }\n}<\/pre><\/div>\n\n\n\nThis is how details.js file looks now.<\/p>\n\n\n\n
Run the application<\/h3>\n\n\n\n The frontend is ready, the backend is ready, and both are connected. Let\u2019s see how it looks in the browser.<\/p>\n\n\n\nLet\u2019s click on the button.<\/p>\n\n\n\nEverything works great!<\/p>\n\n\n\n
Conclusion<\/h2>\n\n\n\n So we created a simple web application using the MERN stack. First, we created the backend using Node.js, mongoose, and MongoDB. Then, we created the frontend using React. Finally, we connected both of them using the Axios library.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Introduction Over the last decade, website development has significantly evolved. We now have access to new tech stacks with modern application architecture. One of them is a MERN stack. MERN stands for MongoDB, Express, React, and Node.js. MongoDB is a NoSQL database. Express is a Node.js framework to develop the backend of websites. React is … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1447,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[112],"tags":[],"class_list":["post-1432","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"\nMERN (MongoDB, Express, React, and Node.js) Stack Tutorial 2026<\/title>\n<meta name=\"description\" content=\"Introduction Over the last decade, website development has significantly evolved. We now have access to new tech stacks with modern application\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MERN (MongoDB, Express, React, and Node.js) Stack Tutorial [cy]\" \/>\n<meta property=\"og:description\" content=\"Introduction Over the last decade, website development has significantly evolved. We now have access to new tech stacks with modern application\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Edopedia\" \/>\n<meta property=\"article:author\" content=\"trulyfurqan\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-05T16:02:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-15T23:02:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2020\/11\/mern_stack_tutorial-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"578\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Furqan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Furqan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MERN (MongoDB, Express, React, and Node.js) Stack Tutorial 2026","description":"Introduction Over the last decade, website development has significantly evolved. We now have access to new tech stacks with modern application","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"MERN (MongoDB, Express, React, and Node.js) Stack Tutorial [cy]","og_description":"Introduction Over the last decade, website development has significantly evolved. We now have access to new tech stacks with modern application","og_url":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/","og_site_name":"Edopedia","article_author":"trulyfurqan","article_published_time":"2020-11-05T16:02:25+00:00","article_modified_time":"2025-09-15T23:02:41+00:00","og_image":[{"width":1024,"height":578,"url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2020\/11\/mern_stack_tutorial-1.jpg","type":"image\/jpeg"}],"author":"Furqan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Furqan","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/#article","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/"},"author":{"name":"Furqan","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339"},"headline":"MERN (MongoDB, Express, React, and Node.js) Stack Tutorial 2026","datePublished":"2020-11-05T16:02:25+00:00","dateModified":"2025-09-15T23:02:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/"},"wordCount":1375,"commentCount":1,"publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2020\/11\/mern_stack_tutorial-1.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/","url":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/","name":"MERN (MongoDB, Express, React, and Node.js) Stack Tutorial [cy]","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2020\/11\/mern_stack_tutorial-1.jpg","datePublished":"2020-11-05T16:02:25+00:00","dateModified":"2025-09-15T23:02:41+00:00","description":"Introduction Over the last decade, website development has significantly evolved. We now have access to new tech stacks with modern application","breadcrumb":{"@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/#primaryimage","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2020\/11\/mern_stack_tutorial-1.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2020\/11\/mern_stack_tutorial-1.jpg","width":1024,"height":578,"caption":"MERN Stack Tutorial"},{"@type":"BreadcrumbList","@id":"https:\/\/www.edopedia.com\/blog\/mern-stack-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.edopedia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"MERN (MongoDB, Express, React, and Node.js) Stack Tutorial 2025"}]},{"@type":"WebSite","@id":"https:\/\/www.edopedia.com\/blog\/#website","url":"https:\/\/www.edopedia.com\/blog\/","name":"Edopedia","description":"Coding\/Programming Blog","publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.edopedia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.edopedia.com\/blog\/#organization","name":"Edopedia","url":"https:\/\/www.edopedia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","width":400,"height":100,"caption":"Edopedia"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339","name":"Furqan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","caption":"Furqan"},"description":"Well. I've been working for the past three years as a web designer and developer. I have successfully created websites for small to medium sized companies as part of my freelance career. During that time I've also completed my bachelor's in Information Technology.","sameAs":["http:\/\/www.edopedia.com\/blog\/","trulyfurqan"],"url":"https:\/\/www.edopedia.com\/blog\/author\/furqan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/1432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/comments?post=1432"}],"version-history":[{"count":2,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/1432\/revisions"}],"predecessor-version":[{"id":4049,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/1432\/revisions\/4049"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media\/1447"}],"wp:attachment":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media?parent=1432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/categories?post=1432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/tags?post=1432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2020\/11\/mern_stack_app_1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2020\/11\/mern_stack_app_2-1024x441.png\")
<\/figure>\n\n\n\n