Auto-minting of ZK notes (on Rinkeby)

[learner-long-life]

Background

This task is part of a larger project to create an interactive web demo / playground for users to learn about zero-knowledge (ZK) assets and gain intuition about them by directly transacting with the contracts on-chain.

Currently when a new user first loads the page (the majority of user experiences), they will see a zero ZK note balance, as show in the screenshot below. This is not an optimal situation, as they will probably not be sure how to receive ZK notes to experiment with, and therefore not be able to experiment transferring them to other users.

As described (and implemented) in #45 , minting (creating) new ZK notes is a very manual process that involves an administrator account, which we can publish the credentials for on the Rinkeby testnet and embed into our demo site. (A different, future task will discuss how to enable this on Mainnet).

The task for this issue is to automatically mint a new 10-value ZK note, for one of the three ZK tokens (with trading symbols 'AAA', 'BBB', or 'ABC'), every time the user refreshes the page at https://zk-transfer.netlify.com, including when the page is first loaded.

Task Description and Examples

A static demo, created with react-scripts, is currently running on: https://zk-transfer.netlify.com

In this task, you'll modify the source code in https://github.com/invisible-college/democracy/tree/master/packages/zk-transfer-web

Your task has two parts:

1. mint a new 10-value note programmatically, using the knowledge from issue #45
2. update the balances of the ZK token with this new note, with an animation or a sound effect, whenever the note has finished minting (there is a delay)

How to Work on This Task

Working on this task requires the following steps

• Introduce yourself in our gitter channel! You'll be working with me (@cryptogoth ) and @owonwo and give an update every day or two letting us know what you're thinking, what you're curious about, and asking questions if you're stuck.
• Install the Mullvad VPN client for your OS and ask us in Gitter for the account number.
• Fork this repo, and set up your local environment with your fork using these instructions https://github.com/invisible-college/democracy#get-the-source-code-to-experiment-and-run-tests
• go through the minting example in issue #45 instructions, both web and CLI, and learn about ImmutableJS data structures which we use in this project
• test your changes locally and refresh the browser to see your ZK balances update.
• Create a pull-request for this issue, and submit the URL in Gitcoin.
• I'll create a code review in your PR thread to give feedback and collaborate. When we're both happy with the result, I'll merge / close it, and pay out the bounty.

Editing the Source Code

Here's an example of code that mints a configurable value of ZK note when a button is pushed in React that you may find helpful.

https://github.com/invisible-college/democracy/blob/master/packages/aztec-web/src/token.jsx#L103

You can test it out in-person by going to https://aztec-web.netlify.com and following the web minting instructions in issue #45

Deploying to Netlify

When you create your pull request of your fork back to the base repo, Netlify will include a preview deploy.

Looking forward to working and learning with you on this project ⛰

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

This issue now has a funding of 25.0 DAI (25.0 USD @ $1.0/DAI) attached to it as part of the invisible-college fund.

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
  • Want to chip in? Add your own contribution here.
  • Questions? Checkout Gitcoin Help or the Gitcoin Slack
  • $62,355.30 more funded OSS Work available on the Gitcoin Issue Explorer

[learner-long-life]

welcome @sebastianf ! Thanks for your interest. Can you join me and @owonwo in our gitter channel for discussion? https://gitter.im/invisible-college/democracy

He has written most of our React code, so you might have a mutually interesting conversation.

[learner-long-life]

@owonwo Can I have a code review please? https://github.com/invisible-college/democracy/pull/55

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Work for 25.0 DAI (25.0 USD @ $1.0/DAI) has been submitted by:

1. @owonwo

@cryptogoth please take a look at the submitted work:

• PR by @owonwo

---

• Learn more on the Gitcoin Issue Details page
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $86,245.63 more funded OSS Work available on the Gitcoin Issue Explorer

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

The funding of 25.0 DAI (25.0 USD @ $1.0/DAI) attached to this issue has been approved & issued to @owonwo.

• Learn more on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $86,238.17 more funded OSS Work available on the Gitcoin Issue Explorer

[learner-long-life]

Implemented by #54