https://github.com/themulanfiles/exodus

A Mass Migration into Web3 as we venture to the age of decentralization
https://github.com/themulanfiles/exodus

dapp-example dapps ethereum-contract ganache-cli react react-hooks solidity-contracts

Last synced: about 2 months ago
JSON representation

A Mass Migration into Web3 as we venture to the age of decentralization

• Host: GitHub
• URL: https://github.com/themulanfiles/exodus
• Owner: themulanfiles
• License: mit
• Created: 2020-04-21T05:24:59.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-05-02T03:49:59.000Z (over 5 years ago)
• Last Synced: 2025-04-12T15:18:52.930Z (6 months ago)
• Topics: dapp-example, dapps, ethereum-contract, ganache-cli, react, react-hooks, solidity-contracts
• Language: TypeScript
• Size: 950 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Exodus

A Mass Migration into Web3 as we venture to the age of decentralization

Goals of Building a Decentralized React MVP:

1. Reading and Writing Data from a block chain

2. Business Logic to run application purpose

Note: create-react-app is no longer global, if it is in your global directory, use:

> npm install -g create-react-app

Then: 

> npx create-react-app exodus --template typescript 

tsconfig has already been added

It is recommended to use a type system as smart contracts on the blockchain are immutable. 

If you decide to use prop-types with Javascript, just remember that prop-types will show errors during runtime while typescript types will not pass compile time. 

Different Types of Networks on Ether:

1. Local Network: Ganache 

2. Testnet(ropsten, rinkeby, goerli, kovan)

3. Mainnet(Requires ETH)

We will be developing on the local Ganache Network, 

Download https://www.trufflesuite.com/ganache

Install a wallet like MetaMask for the browser to interact with the Ether Blockchain. 

Add to Chrome: https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en

Create a metamask account and be sure to store the credentials, since it is on the blockchain, if lost, you cannot retrieve it again. This is the tradeoff of the inherent annonymity of the Ether.  

Metamask does this by injecting the scope of Ethereum Blockchain into the browser once it is configured through through. 

> npm install -g truffle@5.0.2

Switch to top Folder in order to create a "Server" Folder

> truffle init

Creates a contracts and migrations folder

> touch package.json

Install dependencies in root folder

> npm install -g ethereumjs-testrpc

Necessary:

> Solidy Contracts

> Ganache(A Truffle IDE)

> Metamask-

> A version of Web3, Web3js, 

In the Migrations.sol folder in contracts, 

Make Sure the version is exact

> pragma solidity ^0.5.0;

Migrations are essentially action triggers, or dispatched actions, as the entire blockchain can only have a single state in a moment in time. 

> change the contract name to the purpose of the business logic of the applciation, eg "ToDontList"

> truffle compile

In order to run the contract on a personal blockchain their config must match ganache defaults, so change the truffle-config by uncommenting the following sections:

- truffle-config.js

module.exports = {

  networks: {

    development: {

      host: "127.0.0.1",

      port: 7545,

      network_id: "*" // Match any network id

    }

  },

  solc: {

    optimizer: {

      enabled: true,

      runs: 200

    }

  }

}

In the root folder:

> touch migrations/2_deploy_contracts.js

Each time a new smart contract is created programmtically updates the state through a migration. 

Create the migration file:

const Exodus = artifacts.require("Migrations");

module.exports = function(deployer) {

  deployer.deploy(Exodus);

};

- 2_deploy_contracts.js:

module.exports = function(deployer) {

  deployer.deploy(Exodus);

};

With ganache open:

> truffle migrate

> truffle console

In the cconsole:

> exodus = await Migrations.deployed()

add functionality to the contract, and reset the migrate

> truffle migrate --reset

> truffle console

> exodus = await Exodus.deployed()

Mapped as getting all

> exodus = await Exodus.deployed(1)

The Id 

Important React Dependencies:

> npm install react reactdom typescript 

> npm install web3

> npm install truffle

- to reset a contract(since they are immutable)

> truffle migrate --reset

> truffle compile

> truffle migrate

Get new abi and address

The ABI File:

The ABI is the application binary interface

- The smart contract ABI describes indexing and behavior. 

- contains the address of the smart contract

TO DO:

- MORE SOLIDITY DEV TOOLS, 

Great TypeChain Dev Tool For Typescript/Solidity Web3 Interactions:

https://github.com/ethereum-ts/TypeChain