Medium – Control Hub Front End is React.js and we have API inbetween which talk to our Node.Js Back. Customer who purchase medium control hub get access to Front End React.Js which is below version and folder Structure. Hope below explaination helps to do the coding on your own for the Front End. Here is one site example of React.js Front end and back end in Node.js https://showpads.auctionsoftware.com/
1) Reactjs version : 16.12.0
2) Folder Structure :client/
| —— build
| —— node_modules
| —— public/
| |—– fonts
| |—– images
| |—– index.html
|——- src/
| |—- components/
| | |—- Checkbox/
| | | |—- Checkbox.js
| | |—- Pagination/
| | | |—- Pagination.js
| |—- view/
| | |—- Header/
| | | |—- Header.js
| | |—- Footer/
| | | |—- Footer.js
| | |—- Home/
| | | |—- Home.js
| |—- App.css
| |—- App.js
| |—- App.test.js
| |—- index.css
| |—- index.js
| |—- serviceWorker.js
| —— .gitignore
| —— package.json
| —— README.md
| —— build
| —— node_modules
| —— public/
| |—– fonts
| |—– images
| |—– index.html
|——- src/
| |—- components/
| | |—- Checkbox/
| | | |—- Checkbox.js
| | |—- Pagination/
| | | |—- Pagination.js
| |—- view/
| | |—- Header/
| | | |—- Header.js
| | |—- Footer/
| | | |—- Footer.js
| | |—- Home/
| | | |—- Home.js
| |—- App.css
| |—- App.js
| |—- App.test.js
| |—- index.css
| |—- index.js
| |—- serviceWorker.js
| —— .gitignore
| —— package.json
| —— README.md
3) Here is 3 Sample files.