Folder and file structure

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 ...

Get Full-Stack React Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.