Book Image

Blockchain Development for Finance Projects

By : Ishan Roy
Book Image

Blockchain Development for Finance Projects

By: Ishan Roy

Overview of this book

Blockchain technology will continue to play an integral role in the banking and finance sector in the coming years. It will enable enterprises to build transparent and secure business processes. Experts estimate annual savings of up to 20 billion dollars from this technology. This book will help you build financial apps using blockchain, guiding you through enhancing popular products and services in the banking and finance sector. The book starts by explaining the essential concepts of blockchain, and the impact of blockchain technology on the BFSI sector. Next, you'll delve into re-designing existing banking processes and building new financial apps using blockchain. To accomplish this, you'll work through eight blockchain projects. By demonstrating the entire process, the book helps you understand everything from setting up the environment and building frontend portals to system integration and testing apps. You will gain hands-on experience with the Ethereum, Hyperledger Fabric, and Stellar to develop private and public decentralized apps. Finally, you'll learn how to use ancillary platforms and frameworks such as IPFS, Truffle OpenZeppelin, and MetaMask. By the end of this blockchain book, you'll have an in-depth understanding of how to leverage distributed ledgers and smart contracts for financial use cases.
Table of Contents (17 chapters)
Section 1: Blockchain Payments and Remittances
Section 2: Blockchain Workflows Using Smart Contracts
Section 3: Securing Digital Documents and Files Using Blockchain
Section 4: Decentralized Trading Exchanges Using Blockchain
Appendix: Application Checklist

Creating a React frontend for the app

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