Issue i have created UI but my UI code is not integrating woth solidity Smart contract

[shantanu49]

My solidity smart contract is not integrating with UI that inhave created with your code

[upperwal]

@shantanu49 Could you please elaborate? What do you mean not integrating?

[shantanu49]

Actually, I am new to blockchain so I found your project interesting so, I was trying that, but I am unable to get the result. can you pls provide me steps or correct me.

1. start ganache server using truffle.
2. then npm start.

now my question is in this project have you used Metamask?
and in your code in the file register.js their is no any calling of function getaccounts() but in your youtube video, they are showing under dropdown so we should add it by our own? or something else

I am also having some issue with my web3 version I think I am using 0.20.7 and your code is of 1.0.0 beta

I have a request to you can you please send me the step by step process to this mail is shantanu4994@gmail.com .
Thank You !!

[shantanu49]

Can you please help me out Sir

[upperwal]

@shantanu49

start ganache server using truffle.

This project does not use Ganache. Truffle is directly linked using Web3.providers.HttpProvider as given below

now my question is in this project have you used Metamask?

No, we haven't. Transactions are directly submitted to truffle using web3 API.

OpenComplaintNetwork/src/App.js

Lines 29 to 36 in bf661e3

	this.web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:9545"));
	window._web3 = this.web3;
	this.complainContract = new this.web3.eth.Contract(window.abi, window.add, {
	from: '0x627306090abab3a6e1400e9345bc60c78a8bef57',
	gasPrice: '20000000000',
	gas: 2000000
	})

All the transactions are submitted directly using web3 to truffle. As there is only one contract it is initiated in App itself. You truffle should be running on port 9545 or change the above code accordingly.

in your code in the file register.js their is no any calling of function getaccounts() but in your youtube video, they are showing under dropdown so we should add it by our own?

Each component has a getAccounts method which uses web3.eth.getAccounts()

OpenComplaintNetwork/src/Components/Pages/View/view.js

Lines 173 to 179 in bf661e3

	getAccounts() {
	var context = this
	this.web3.eth.getAccounts().then(function(res) {
	context.accounts = res
	console.log(context.accounts)
	})
	}

I am also having some issue with my web3 version I think I am using 0.20.7 and your code is of 1.0.0 beta

yes, this project uses 1.0.0 beta but npm install should install all the dependencies.

It would be better to follow the instructions given in the README.md to run it successfully.

[shantanu49]

Thank you so much sir Your reply was very helpfull to me.
but this time I am getting error in the register.js file whenever i am clicking on the submit button to register a complain after filling the form on the register page then after clicking on submit button , the page is coming with an error and saying that this function is not defined.
pls help me Abhishek Sir

[shantanu49]

I am attaching pic of my Error
please help me out abhishek Sir

[upperwal]

this should be this.complainContract.methods.registerComplain, you are missing methods. It would be better if you first go through the docs. Web3 Contracts would be a good starting point.