Cracking the Crypto Apps Workshop

Slide 1

Slide 1 text

Chandrasekar Kuppusamy Cracking the BLOCK Crypto Apps Workshop github.com/frontierdotxyz @FrontierDotXYZ frontier.xyz Head of Engineering

Slide 2

Slide 2 text

Lazy coder Frontier TECh ARChitect INDIA Love to travel WHO AM I ?

Slide 3

Slide 3 text

00 WHY AM I HERE ? To crack crypto apps Tech practices Ease of development @ Frontier

Slide 4

Slide 4 text

DEFI NFT GAMEFI   (COMING SOON) METAVERSE   (COMING SOON) We’re not just a wallet :)

Slide 5

Slide 5 text

WALLET CONNECT MULTI CHAIN BRIDGE & WRAPPERS FORMATION OF CRYPTO APPS

Slide 6

Slide 6 text

WalletConnect is the web3 standard to connect blockchain wallets to dapps. Wallet Connect Supports mobile (android, iOS) and Web. Any App, Any Wallet, Any Chain (More chain to be supported). 1 2 Reference : https://walletconnect.com/

Slide 7

Slide 7 text

Under the hood (Wrapper)? Wallet Connect wrapper is injected (Typically an object instantiation) 1 Wrapper lists out the supported app which are installed on the device automatically. 2 Handles Wallet Connect sessions (connect, disconnect, re-connect, etc). 3

Slide 8

Slide 8 text

Wallet Connect supported apps opens via Deeplink. 1 Upon approval, the app navigates back to the previous screen 2 Under the hood (Wrapper)?

Slide 9

Slide 9 text

Receives callback with address as params Under the hood (Wrapper)? Got hold of address and rest is the history :)

Slide 10

Slide 10 text

WalletConnect Cycle

Slide 11

Slide 11 text

Multi-chain Integrations

Slide 12

Slide 12 text

Multi-chain Integrations Multi-chain wallets can be created or imported using Frontier app 1 However wallet connect or tracking any wallet is also possible 2

Slide 13

Slide 13 text

Con fi guration based approach TRANSFORMATION

Slide 14

Slide 14 text

Unifront - API bridge CLIENT   (WEB, MOBILE   APPS) UNIFRONT   (BFF) CORE SERVICES

Slide 15

Slide 15 text

UI/UX Patterns

Slide 16

Slide 16 text

UI List Item

Slide 17

Slide 17 text

One UI element, and it is just one single component

Slide 18

Slide 18 text

  Use this QR code to download the App     Rules:   1. Submission before 27th March - 2 PM   2. To claim the bounty, bugs must be original and previously unreported. If two or more people submit the same bug, the bounty will go to the researcher who submitted their report first. If you disclose the bug publicly before a fix is released or try to exploit it, you won't be eligible for the bounty.   3. The bugs should be really a blocker and minor UI/UX issues are not accepted as part of this program.     Please share the bugs with details (Screenshots, Video demo, and steps to reproduce along with the description of the issue)         Email: [email protected]     BUG BOUNTY

Slide 19

Slide 19 text

APPLICATION IMPLEMENTATION CREATION BUILD VERIFIED TAKE OFF

Slide 20

Slide 20 text

what why where when who how Q&A

Slide 21

Slide 21 text

We’re hiring

Slide 22

Slide 22 text

BOUNTY Find a major flaw in the Frontier app and win a chance to get 2000 USDT (2 bounties).     Rules:     1. Submission before 27th March - 2 PM   2. To claim the bounty, bugs must be original and previously unreported. If two or more people submit the same bug, the bounty will go to the researcher who submitted their report first. If you disclose the bug publicly before a fix is released or try to exploit it, you won't be eligible for the bounty.   3. The bugs should be really a blogger and minor UI/UX issues are not accepted as part of this program.     Please share the bugs with details (Screenshots, Video demo, and steps to reproduce along with the description the issue)         Email: [email protected]      