Our currency exchange app will constitute of the following:
- The main App.js file
- The following React components:
- Container.js
- AppLogin.js
- AddressBar.js
- TradePanel.js
- Orderbook.js
- Trades.js
- The following asset interfaces:
- Assets.js
- USD.js
- GBP.js
- EUR.js
The following is a brief description of the components:
- App.js: The main App.js file that implements the methods that interact with the Stellar network and submits transactions to the network. It invokes Container.js for rendering the child components and forwards the current state to Container.js.
- React components: These components render our currency exchange app:
- Container.js: It receives the current state from App.js and passes it to the child components.
- AppLogin.js: A login screen that asks for the user's secret key, to set the default user account. All transactions are...