Thykof / drizzle-box

This box comes with everything you need to start using smart contracts from a react app with Drizzle. It includes drizzle, drizzle-react and drizzle-react-components to give you a complete overview of Drizzle's capabilities.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Introduction to decentralized application

This is a fork of drizzle-box

This project showcases how to create a decentralized application on the Ethereum blockchain, with smart contracts in Solidity and a frontend with React, with the Drizzle library.

Tools/tech

  • Ethereum: blockchain
  • Truffle: blockchain development framework
  • Solidity: programming language for smart contract
  • Web3: JavaScript library for interaction with the blockchain
  • Ganache: development blockchain
  • MetaMask: crypto wallet
  • React: frontend framework
  • Drizzle: JavaScript library for store management in React

Setup

Install node modules requirements:

npm install -g truffle
npm install -g ganache-cli
npm install -g create-react-app

Then install the dependencies:

npm install

cd app
npm install

Smart contract

Start the development blockchain on a separate terminal:

ganache-cli

Compile: truffle compile

Tests: truffle test

Deploy: truffle migrate

Frontend application

Open a terminal in the app folder.

Run the application: npm run start. It serves at http://localhost:3000.

Tests: npm run test

Build: npm run build

About

This box comes with everything you need to start using smart contracts from a react app with Drizzle. It includes drizzle, drizzle-react and drizzle-react-components to give you a complete overview of Drizzle's capabilities.

License:MIT License


Languages

Language:JavaScript 70.3%Language:Solidity 16.9%Language:HTML 9.9%Language:CSS 2.9%