The purpose of dApp Builder is to bring smart contract technology to the business users who do not necessarily have the technical know-how to create smart contract. You can think of dApp Builder as WIX.com for smart contracts.
Using a smart contract specific web form, the user picks customizable values in the contract, for example, she may choose the list of candidates for Voting.
When the user presses "Submit" button, we initialize a user record in a pre-deployed dApp Builder smart contract in Ethereum blockchain.
The user pays for Gas required by this transaction, the gas can be paid through integration with MetaMask.
Try the test dApp, which receives messages from users and saves them in the blockchain. You can browse messages, sent by other users, and send yours. For sending messages to a smart-contract, you need to pay ETH for gas, required for sending the transaction. The dApp works in Rinkeby Test Network. You can receive ethers for your wallet here for free by using Crypto faucet.
While the transaction creating the user record in the smart contract is being mined, the user sees a progress bar. Once the transaction has completed, we open a form to customize the look and feel of the dApp frontend.
Meanwhile, the frontend is already accessible at a location likehttps://ibuildapp.com/dapps/{dapp_id}/.
The frontend is an HTML page with CSS styles and scripts including the script responsible for interaction with our smart contract.
The user can customize the frontend of dApp: change the color of button and/or test, background image. The user changes get saved in database and used in HTML template when the dApp is shown by the browser.