Full-Stack React Projects - Second Edition

Folder and file structure

The following folder structure shows the new folders and files to be added to the skeleton project we started implementing in the previous chapter, in order 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      | --- theme.js  | -- server/      | --- devBundle.js  | -- webpack.config.client.js  | -- webpack.config.client.production.js

The client folder will contain the React components, ...