Create tutorial "How to integrate TON Connect 2.0 into web app"

[ProgramCrafter]

Summary

Cover TON Connect 2.0 tutorial

Context

Currently, TON Connect 2.0 docs only cover its API and don't provide usage examples. I think to increase popularity of this tool a tutorial is needed.

Goals

• Make a tutorial, by following which users should be able to create an integration button in their web applications
  • working with any wallet supporting TON Connect 2.0 (preferably even ones that aren't ready at the moment of writing tutorial)
  • supporting ton_proof (so that backend is able to check actual address ownership)
  • following integration best practices.

Deliverables

• Create a tutorial (https://github.com/ton-community/ton-docs/issues/125)

Definition of Done

• [x] Article created and merged into documentation

Reward

• Standard TON Footstep NFT
• $700 in TON equivalent

Total: $700

[SwiftAdviser]

Is it about the Getting Started page like this?

https://www.npmjs.com/package/@tonconnect/sdk

[ProgramCrafter]

Yes, some tutorial like that, but

1. step-by-step,
2. showing all objects returned by TonConnect (walletInfo, tonProof, etc),
3. supporting any wallet in the world (if possible),
4. such that there is a result template showing TON Connect features not separated in tons of files, unlike https://github.com/ton-connect/demo-dapp

[SwiftAdviser]

Nice! I like your approach!

[SwiftAdviser]

@Gusarich could you review this footstep?

[Gusarich]

LGTM

[Gusarich]

@ProgramCrafter do you want to complete this footstep?

[ProgramCrafter]

I haven't been considering myself as candidate but I think I can. The drawback is that "best practices" could end up too complicated, but I'll try to avoid that.

вт, 17 янв. 2023 г., 12:20 Daniil Sedov @.***>:

@ProgramCrafter https://github.com/ProgramCrafter do you want to complete this footstep?

— Reply to this email directly, view it on GitHub https://github.com/ton-society/ton-footsteps/issues/123#issuecomment-1384935286, or unsubscribe https://github.com/notifications/unsubscribe-auth/ATXKOOQI7FFRTKCCASI7F3LWSZB4TANCNFSM6AAAAAATYFO66U . You are receiving this because you were mentioned.Message ID: @.***>

[siandreev]

Hi @ProgramCrafter ! If you want, you can reassign this to me. I participated in the development of the Ton Connect, so I could write such a tutorial

[ProgramCrafter]

@siandreev Hi! I have a task that possibly will interest you more: integration of TON Connect 2.0 into https://answers.ton.org. Now lack of this feature (in contrast to https://overton.netlify.app/) stops me from answering those questions.

I believe such a footstep would be approved almost immediately.

[ProgramCrafter]

Reward received.

[SwiftAdviser]

https://ton.org/docs/develop/dapps/ton-connect/integration