Build a To-do List in Solidity powered by Blockchain
Here, we are going to build a to-do list application that will save the data in the blockchain.
To be able to communicate with blockchain we’ll need to write a smart contract. A smart contract can also use understood as a backend script that contacts the blockchain. The smart contract will allow us to store our to-do list tasks in the blockchain.
We’ll create a smart contract and in the subsequent the web application itself.
Components in the Blockchain Application
- Ganache- A local Ethereum blockchain.
- Web3 JS- For the application to be able to communicate to the blockchain.
- Bootstrap- For the application’s front-end.
- Solidity- For compilation smart contract.
- JQuery- For DOM manipulation.
Write the smart contract
To write and develop the smart contract we will use the REMIX IDE.
Click on the Compile button under the Solidity left navigation bar option.
Before we start building the web application we’ll need the Ethereum blockchain which will have the smart contract and the data of our application. We are going to use Ganache to go ahead download and install it.
After installation, open Ganache and click on quick start Ethereum after that note the address labeled under RPC Server (should be something like this http://127.0.0.1:7545).
Write the web frontend
Write the javascript code
Congratulations, you just made your first blockchain application.
It’ll look something like this
