The document provides a step-by-step guide for developing Ethereum DApps using the Toshi platform through a hackathon setting. It includes instructions for downloading necessary tools, setting up an environment, and utilizing messaging and payment functionalities within the app. The guide contains links to resources and sample code for implementation.

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/