How to organise file structure of backend and frontend in MERN : <p>I have backend based on express + mongoose. File structure is:</p>

<pre><code>- /models
-- item.js
- /node.modules
-- ...
- server.js
- package-lock.json
- package.json
</code></pre>

<p>And regular create-react-app based folder for front-end:</p>

<pre><code>- /src
-- /assets
--- index.css
-- /components
--- Somecomponent.js
-- /containers
--- App.js
-- /reducers
--- somereducers.js
- /node.modules
-- ...
-- index.js
-- registerServiceWorker.js
- .gitignore
- package-lock.json
- package.json
</code></pre>

<p>I want to use it in proper way together. I wanted to organise it this way:</p>

<pre><code>- /client 
-- /src
...
-- index.js
-- registerServiceWorker.js
- .gitignore
- package-lock.json
- package.json

- /server
- /models
-- item.js
- /node.modules
-- ...
- server.js
- package-lock.json
- package.json
</code></pre>

<p>At this stage I stuck. I can make it if client folder inside server folder or if server folder inside client. 
1. But how to make it run when two folders are siblings? 
2. What should be package.json and where node.modules should be (whether both server and client should have it's own package.json and modules?)</p>
