A beginner-level workshop on Ethereum dApp development with Toshi (an Ethereum browser built by Coinbase) presented at Proffer's Blockchain Summit and Hackathon in November '17, IIT Delhi. https://proffer.network/hackathon Video for this tutorial can be found here: https://youtu.be/h8KEzvy9Vcc

1. Proffer Hackathon – Workshop 1
Ethereum dApps with Toshi

2. 5 Apps in 5 Days
1st Place, Coinbase Toshi Hackathon, June ‘17

6. Step 1 Download Toshi Dev
https://developers.toshi.org/docs/ios
https://developers.toshi.org/docs/android

7. Step 2 Create account, get ETH
Free ETH from
ToshiBot

8. Step 3 Clone sample app, copy/paste into
new project
git clone https://github.com/toshiapp/toshi-app-js.git

9. Step 3 Clone sample app, copy/paste into
new project
git clone https://github.com/toshiapp/toshi-app-js.git

10. Step 4 Generate a Seed (12 words)

11. Step 5 Set Environment Vars in
“docker-compose.yml”

12. Step 6 Install Docker, Run locally
Note: the first run of “docker-compose up” takes forever (15+ minutes), but faster after that

13. Step 7 Find your App in “Browse” and use it

14. Message Types
Message - any combo of text, buttons, and
image/video/link attachments
Command - command sent silently as result of
button press
Payment - Notification of payment
PaymentRequest - Requests an Ethereum
transaction from the recipient
Init
InitRequest

15. An example Message/Command flow

16. Sending messages from JS code
JSON structure
for a message

17. JSON protocol for message
Source: https://www.sofaprotocol.org/

18. Examples of messages
Source: https://www.sofaprotocol.org/

19. Examples of messages
Source: https://www.sofaprotocol.org/

20. Handling “Commands”

21. Charging the user –
requesting ETH

22. Paying the user –
sending ETH

23. Let’s look at code
https://github.com/toshiapp/toshi-app-js/