by Khurram Ali (https://www.linkedin.com/in/khurram-ali1/)
https://youtu.be/giXuiotopO0?si=YWSzoGUN21NDQrAa
Today, we will create a full stack web application using the MERN Stack (MongoDB, Express, React, and Node).
Our app will be called Awesome Todos, and it will be a minimal Todo app with full CRUD (Create, Read, Update, and Delete) functionality.
<aside> 💡 This is no longer the way I create web applications, but it is how I initially learned to do it. I wanted to revisit my past approach to web application development while also sharing some knowledge along the way.
</aside>
To get started, you will need to have Node.js installed on your computer. Additionally, you will need a text editor to work with. For this tutorial, I will be using Visual Studio Code (vs code).
Having a basic understanding of JavaScript, React, and MongoDB will be helpful in following this tutorial, although it is not necessary to be an expert. I will provide explanations as we progress through the tutorial.
<aside> 💡 I will also make an effort to approach the services I will be using as if it were my first time. I will attempt to create a new account for each website I will be working with in this tutorial. My goal is to make this tutorial as beginner-friendly as possible..
</aside>
1. Setting up our folder structure
2. Creating our backend skeleton
3. Creating our frontend skeleton