The MEVN stack is a popular stack of technologies for building a modern Single Page Application. MEVN stands for MongoDB, Express, Vue and Node.js:

• Node.js is one of the most popular server-side frameworks that allows you to execute JavaScript code in a web server.
• Express is a web application framework for Node.js which makes application development in Node easier and faster. Node and Express together form the middle-tier web server of the stack.
• MongoDB is NoSQL database which stores data persistently in the form of collections and documents.
• Vue is a frontend framework to build user interfaces like React.

<aside> 👉 In the following documentation I will save different things that I thought are important in the development of a project with this Stack. I did this project with the guide of the book Beginning MEVN Stack, wrote by Greg Lim and Daniel Correa.

</aside>

<aside> 🚨 It is assumed that the reader of this documentation has basic knowledge in basic programming concepts about JavaScript and database management with MongoDB.

</aside>

Backend

Setting Up MongoDB Atlas

First of all, we need to setting up our database in MongoDB Atlas. This database will allow us to save, create, delete and edit all the data of the program and users.

Go to MongoDB create an account. There, you would have to create a new project to build a new cluster. Then, build a new cluster, use the default settings presented by the website.

• Taking into account that we need a free service.
• Choose a nearby server.
• Create an user to admin. the database. You can do this from Database Access.
• Allow access to database from anywhere in Network Access.

These are the main functionalities that our database in MongoDB should have.

Adding Sample Data

Is important to have data with which to work. MongoDB provides a lot of sample data for us. In the MongoDB Cluster, on the three dots, you can Load sample Datasets. Then, go to Collections, and choose with which one collections do you want to work in your project.