Integrating Gnosis Safe Proxy Kit with the frontend (Compound App Example) App can be found live here: http://green-summer.surge.sh/
In this tutorial we will cover:
- How to install and initialize CPK
- How to perform a transaction
- How to interact with a smart contract
- How to use batched transactions
Gnosis Safe Proxy Kit is a smart contract on the Ethereum blockchain. There are two popular libraries for interacting with the blockchain: web3.js and ethers.js. Your users will need a wallet that supports web3, in this tutorial we will use web3connect library which provides integrations with the majority of popular wallets.
Our example project will be a React application bootstrapped with create-react-app which uses Evergreen UI Kit. We are also going to use TypeScript as our language. For more information on those projects, visit their websites. We assume you are familiar with those technologies as our tutorial will only cover things you need to integrate the Gnosis Safe Contract Proxy kit and not, for example, how to set up a React project.
To install the CPK, run following command in the root directory of your project:
If you are using yarn:
yarn add contract-proxy-kit
Or if npm
npm i contract-proxy-kit