jrmanes / blockchain-dapp

The application is developed using Solidity for the blockchain and VueJS for the FrontEnd

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Solidity with VueJS - Dapp

This project creates a new Dapp which use the blockchain to store data. It has an smart contract with a counter, using the broswer, you will be able to communicate aginst the blockchain to store data.


Setup a local node:

To develop in local, we need to install the following.

Setup a local node use Ganache

Need to be install:

npm install -g @vue/cli truffle
npm install -g solc@0.7.6

Visual Studio Code

NodeJS (versión LTS)

Chrome

Metamask

Ganache


Development mode

In order to create new accounts for development execute:

truffle develop

Migrations

To apply migrations inside the blockchain use inside truffle:

migrate

Once you have deployed, execute this to redeploy:

truffle migrate --reset 

Deployment

In order to use the ganache development network, you have to execute:

truffle migrate --network development

Use VueJS as frontend

Library to communicate with a provider

npm install web3  

To start the server in the browser: http://localhost:8080

npm run serve

Remember

  • Change the var counterAddr everytime you deploy the contract

Jose Ramon Mañes

About

The application is developed using Solidity for the blockchain and VueJS for the FrontEnd


Languages

Language:JavaScript 58.1%Language:Vue 25.6%Language:Solidity 9.9%Language:HTML 6.4%