Member-only story
Creating a ToDo App with a MEVN Full Stack (Part 1)
VueJS is going to continue to rise in popularity, so it’s important to know how to integrate this Javascript framework with frequently-used technology like MongoDB, Express, and Node.
A MEVN stack is a nice little alternative to MEAN and MERN stacks which use Angular and React as their frontends, respectively.
In this two-part post, I will show how to create a simple MEVN stack in the form of a todo app. This should be enough to get you started and understand how to expand this project. This part will get you through the setup process of the frontend/backend and also get the two parts communicating.
A lot of this project has been inspired by the post written by Aneeta Sharma who first taught me to do this.
A Github repo for this project can be found here.
Creating Your Project
First, we’re going to setup the project structure. A MEVN stack, like all full stacks, will have two separate parts: a client-side for frontend framework and a server-side for backend calls.
So first navigate to your project’s root folder using cd and create client and server folders.
mkdir client
mkdir server
