Our frontend will be a React app with which the user can register a directory to secure our blockchain. After registering the directory, the app will iterate every 5 seconds and call the /api/hashread service to check whether the directory has been tampered with.
In the case the directory has been tampered with, the app will show the message Tampered! in the header; otherwise, it will say Not Tampered. It will then call the /api/hashreadfile service in the backend server to fetch a list of tampered files, added files, and removed files. These are then listed in the app.
The following are the constituent parts of the app:
- The main App.js file
- The following React components:
- Container.js
- PathMapper.js
- FolderBlock.js
- FolderBlockChkStatus.js
- GlowBar.js
The following is a brief description of these components:
- App.js: The main App.js file...
