Tutorial: Your First Telegram WebApp

[Gusarich]

Summary

Cover the process of creating a simple Telegram WebApp that retrieves some information from the TON blockchain.

This tutorial was requested by ton.org/docs: https://github.com/ton-community/ton-docs/issues/20

Context

Currently there are no simple and understandable tutorials for creating web apps in docs. It may be too difficult for beginners to create their first web app interacting with the TON blockchain.

Goals

Cover the process of creating a simple Telegram WebApp that retrieves some information from the TON blockchain

• Describe the process of creating the bot and WebApp in Telegram
• Create a meaningful goal for the end user to be interested in finishing tutorial
• Use ready-to-use libraries for TWA (tonstarter-twa or twa-dev/boilerplate)
• Describe the process of receiving the first information from the blockchain with one of the SDKs

Deliverables

• Example web app
• Tutorial covering how to create such web app

Definition of Done

• [ ] Ready tutorial for ton.org/docs
• [ ] PR accepted in ton-docs repository

Reward

• Standard TON Footstep NFT
• 750$ in TON equivalent

[Gusarich]

I can make this tutorial if the footstep is approved @Hiyorimi

[tsivarev]

@ArthurStam, take a look

[Gusarich]

Changed the reward to USD instead of TON

[Hiyorimi]

LGTM, we can assign & approve

[Gusarich]

I apologize for the long inactivity in this footstep.

Is this Footstep still relevant? There's a new guide for TWA with Ton connect 2.0 in a tutorial written by Shahar & Tal here:

• https://ton-community.github.io/tutorials/03-client/

[Gusarich]

@SwiftAdviser Maybe it's worth reviewing something for the goals of this footstep (since there is already a guide)?

If this example & guide is still needed, I'm ready to complete it this week.

[SwiftAdviser]

Right, the new tutorial explains all the things, so we don't need it anymore