Git Product home page Git Product logo

peppersec-test's Introduction

Тестовое задание - Dapp для рассылки ERC20 токенов.


Для предоставленого смарт-контракта необходимо реализовать фронтенд. Флоу работы следущий

Создатель airdrop (рассылки):

  1. заходит на страницу dapp подключает кошелек (Metamask) и предоставляет a. адрес токена b. список адресов с соответствующими балансами
  2. приложение должно убедиться что а. у пользователя есть необходимый баланс выбранного токена b. пользователь выдал разрешение смарт-контракту тратить его токены (в терминах ERC20 стандарта, нужно убедится в достаточном allowance)
  3. если allowance недостаточный то предложить пользователю сделать approve на необходимую сумму.
  4. сформировать Merkle Tree из предоставленных пользователем данных. Листом дерева является keccak256(abi.encode(_recipient, _amount))
  5. загрузить список рассылки в любое обще-доступное хранилище (например ipfs)
  6. позвонить пользователю наконец создать airdrop (на этот момент у приложения есть все необходимые данные для формирования транзакции вызова метода createNewAirdrop)
  7. предоставить специальный URL для получателей токена

Получатель (юзеры из списка)

  1. Заходит по специально сформированному URL и подключает свой кошелек
  2. Приложение проверяет является ли подключенный кошелек получателем рассылки
  3. Если да то предлагает забрать токены из смарт-контракта. Для этого приложение должно сформировать транзакцию для вызова метода drop(bytes32[] proof, address _recipient, uint256 _amount, string _ipfs). Где proof это merkle tree proof для указанного элемента дерева (_recipient,_amount), а _ipfs идентификатор рассылки

Полезные ссылки

  1. Где взять ERC20 токены для рассылки и faucet ETH в сети goerli
  2. Смарт-контракт с которым взаимодействует приложение
  3. ERC20 standard
  4. Пример реализации Merkle tree. Обрати внимание по умолчанию там не другая хеш-функция используется, а тебе нужен keccak256(sha3)
  5. Еще ссылок: MerkleProof.test.js, презентация, multisender

Quasar App


Start the app in development mode (hot-code reloading, error reporting, etc.)

npm run dev

Build the app for production

npm run build

Customize the configuration

See Configuring quasar.conf.js.

For window use docker

docker run --rm -p 8080:8080 -v `pwd`:/app -it node:16.3.0-alpine sh

cd /app

yarn

npm run dev

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.