donoso-eth / crypto-plaza

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Crypto Plaza Workshop 17/11/20

This project is created for the Workshop within the frame of the Crypto Plaza Forum

Description

We are going to cerate a very simple Angular dApp that will connect using Metamask to the Blockchain and through the Superfluid Core Sdk we will crearte a stream of tokens to a specific

Hands On

Please go to following repo: https://github.com/donoso-eth/crypto-plaza

... now we can clone the repo and install


Set Up

git clone https://github.com/donoso-eth/crypto-plaza.git

cd crypto-plaza

npm i

git checkout set-up


Step 1

Please open a second terminal In the first terminal please checkout the first step

git checkout step-1

In the second please start the angular server, if you have already installed the angular cli, simply:

ng serve

In the case that you don't have the angular cli installed, you can spin the server locally with

node_modules/.bin/ng serve

alternatively you can use npx ng serve

We have so far only the intro screen from angular. Let's go to the next step to build the skeleton of out dapp


Step 2 Metamask Connection

git ckecout step-2

We will start adding the connection to metamask


Step 3 Superfluid

git ckecout step-3

Wew will initialize the superfluid framework and start the streams


And Voilà

we have build and deploy our dApp to: https://crypto-plaza.web.app


Previous Steps

ng new crypto-plaza

npm i ethers

npm i @superfluid-finance/sdk-core

Add typings.d.ts types file at source folder

interface Window {
  ethereum: any
}

add the following property to the tsconfig.json "skipLibCheck": true,

About


Languages

Language:HTML 51.3%Language:TypeScript 41.9%Language:JavaScript 6.1%Language:SCSS 0.8%