React and Node.js: Build a Full Stack App From Development to Production in 5 Minutes

In this article, I will show you how to create a Full Stack Web Application from development to production. I will show you how to organize the project’s directory structure, introduce you to proxying in development mode and teach you how to move to production.
This is not a React or a Node.js tutorial, but rather how to combine basic knowledge in both to create a webapp ready for deployment.

Web developers are not like any other human beings in many different ways. But one thing they share with other humans is having different tastes. You can find some who would spend their entire lives developing in PHP, others will love to build their applications using JAVA servlets and JSPs. But no one can deny the beauty of developing an entire Web application in Javascript. JS is the native language of the web browser, and Node gave us the possibility to execute JS server side. Many libraries and frameworks were conceived to assist the developer in building reactive, dynamic, simple and effective front-ends. My personal favorites are by far React and Vue.js.

The first step in creating a full stack web application is to create both the front-end and the back-end project directories as such. Some developers will do it like the following: