⚡️ Zapper Safe App ⚡️

Getting Started

Install dependencies and start a local dev server.

yarn
cp .env.sample .env
yarn start

Then:

Then:

• If HTTPS is used (by default enabled)
  • Open your Safe app locally (by default via https://localhost:3000/) and accept the SSL error.
• Go to Safe Multisig web interface
  • Mainnet
  • Rinkeby
• Connect your wallet with MetaMask
• Click Add Safe and enter 0x9e4728508410cb40ca553c85cb0cb2eea608179a (the Zapper test safe)
  • Ensure that your connected wallet address is an owner of this safe
• Go to Apps -> Manage Apps -> Add Custom App
• Paste your localhost URL, default is https://localhost:3000/
• You should see Zapper as a new app
• Develop your app from there

Features

The Zapper Safe App is derived from the Gnosis Safe App Starter Template, which combines recommendations described in the following repositories:

• Safe Apps SDK
• safe-react-components

You can use the useSafe React hook to interact with the Safe Apps SDK

const safe = useSafe();
console.log(safe.info);

Safe React Components are also integrated and ready to use. See all components.

Dependencies

Included

• @gnosis.pm/safe-react-components (UI components themed for the Safe Multisig interface)
• @rmeissner/safe-apps-react-sdk (React hook for the Safe Apps SDK)

Recommended

• web3 (Library for interacting with Ethereum)
• @studydefi/money-legos (Library for DeFi interactions)