Readme.md

Circles code quest

Goal of this code quest is to create a simple web wallet that allows users to use Circles with MetaMask.

Requirements

You will need to have the following installed:

• MetaMask browser extension
• Node.js and npm
• A Svelte plug-in for your editor
  • https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode
  • https://plugins.jetbrains.com/plugin/12375-svelte

Further you will need to have some xDAI in your MetaMask wallet. You can get some xDAI from the Gnosis Chain Faucet.

If you have issues with the faucet you can add your address in this pad: https://pad.riseup.net/p/qIjqGoMHAaNg5wGYAtEB

Steps

The repository contains different branches that can be individually checked out to see the progress of the code quest.

1. create-ui-mockup
   Contains all required UI components and some CSS
2. add-and-initialize-circles-sdk (Diff)
   Adds the @circles-sdk to the project and initializes it
3. register-at-circles (Diff)
   Adds logic to registers a person at Circles
4. show-balance (Diff)
   Adds logic to show the balance of a Circles account
5. show-transaction-history (Diff)
   Adds logic to show the transaction history of a Circles account
6. mint-personal-tokens (Diff)
   Adds logic to mint personal tokens
7. show-and-add-trust (Diff)
   Adds logic to show, add and remove trust relations
8. calculate-max-amount-and-transfer (Diff)
   Adds calls to the pathfinder to determine the max. transferable amount and to transfer tokens

After you checked out a branch, install the dependencies with npm install and start the development server with npm run dev.