The following folder structure shows the new folders and files to be added to the skeleton to complete it with a React frontend:
| mern_skeleton/ | -- client/ | --- assets/ | ---- images/ | --- auth/ | ---- api-auth.js | ---- auth-helper.js | ---- PrivateRoute.js | ---- Signin.js | --- core/ | ---- Home.js | ---- Menu.js | --- user/ | ---- api-user.js | ---- DeleteUser.js | ---- EditProfile.js | ---- Profile.js | ---- Signup.js | ---- Users.js | --- App.js | --- main.js | --- MainRouter.js | -- server/ | --- devBundle.js | -- webpack.config.client.js | -- webpack.config.client.production.js
The client folder will contain the React components, helpers, and frontend assets, such as images and CSS. Besides this folder and the Webpack config for compiling and bundling the client code, we will also...