ITPC4 Full Dev
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.
Note: Throughout this tutorial, expect to face a lot of errors and issues that you'll need to solve yourself. Embrace the struggle! Debugging is how you actually learn software development, and mastering it is what separates a beginner from a professional engineer.
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 development, 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 (Lihog nalang ko dyun basa!).
1. Setting up our folder structure
2. Creating our backend skeleton
3. Creating our frontend skeleton