▸case-01 I am building a crypto tap game inside Telegram using React and need a complete architecture plan. Please provide a technical design document that outlines how to initialize the app within the Telegram environment, integrate TON Connect for wallet pairing, and accept Telegram Stars for virtual item purchases. Break down the project setup, required manifest files, and core component structure. | fail→fail | 45,231 | 30,694 | -32% | 1 | 1 | 0% | 8,256 | 6,118 | -26% | 0 | 0 | — |
▸case-02 I need to implement a payment flow in my React Telegram Mini App where users can authenticate their account and send a TON blockchain transaction. Please write a practical code walkthrough demonstrating how to read user initData, set up the TON wallet connection provider, and trigger a transaction prompt from the interface. | fail→pass | 18,922 | 20,119 | +6% | 1 | 1 | 0% | 3,835 | 3,779 | -1% | 0 | 0 | — |
▸case-03 I am setting up TON Connect for a Web3 Telegram app. Standard web dApps typically host a web3modal config in React code, but TON Connect requires a dedicated JSON metadata document. What specific fields must be defined in this JSON file hosted on a public URL, and how is it passed to the provider? | pass→pass | 10,796 | 11,345 | +5% | 1 | 1 | 0% | 2,086 | 2,748 | +32% | 0 | 0 | — |
▸case-04 I want to integrate Telegram's native digital currency payment system for in-app items. Developers coming from standard e-commerce often pass USD or EUR as the currency code to createInvoiceLink. What currency code must be passed for Telegram Stars transactions, and how is the payment link generated? | pass→pass | 10,937 | 16,029 | +47% | 1 | 1 | 0% | 2,173 | 2,708 | +25% | 0 | 0 | — |
▸case-05 I am building a dark-themed Telegram mini app UI using styled-components. Should I hardcode dark background hex codes like #18222d to ensure standard styling across clients, or use Telegram WebApp styling properties? Show the recommended CSS approach. | pass→pass | 20,744 | 15,073 | -27% | 1 | 1 | 0% | 2,684 | 3,377 | +26% | 0 | 0 | — |
▸case-06 I am building a transaction sender using TON Connect in React. Standard Ethereum transactions take amounts in Wei (10^18 multiplier), so developers often multiply standard values by 1e18. How should TON amounts be calculated when constructing the transaction payload object? | pass→pass | 8,934 | 14,329 | +60% | 1 | 1 | 0% | 1,768 | 2,303 | +30% | 0 | 0 | — |
▸case-07 My front-end React mini app receives user identity via Telegram.WebApp.initDataUnsafe.user. To authorize sensitive API actions, can I send this user object directly to my backend API, or what process must be performed to prevent user identity spoofing? | pass→pass | 10,666 | 13,831 | +30% | 1 | 1 | 0% | 2,064 | 3,250 | +57% | 0 | 0 | — |
▸case-08 When rendering a mini app in the Telegram mobile client, the default webview height can leave blank space or shift when scrolling. Developers often set high fixed pixel heights like height: 800px or standard 100vh. How should the layout adapt to Telegram's webview viewport? | pass→pass | 17,140 | 18,110 | +6% | 1 | 1 | 0% | 2,201 | 3,042 | +38% | 0 | 0 | — |
▸case-09 I want to build a referral link system inside a Telegram Mini App where users share a link that opens the app with an embedded referral code. How do referral parameters pass from Telegram link clicks into the React front-end? | pass→pass | 20,316 | 13,569 | -33% | 1 | 1 | 0% | 3,061 | 3,166 | +3% | 0 | 0 | — |
▸case-10 In a checkout screen for a Telegram mini app, standard web apps put a fixed HTML button at the bottom of the DOM. Telegram provides a native bottom button. How do you trigger and configure this native UI element in React? | pass→pass | 12,612 | 16,584 | +31% | 1 | 1 | 0% | 2,416 | 2,835 | +17% | 0 | 0 | — |
▸case-11 When a user navigates into a nested detail view inside a Telegram Mini App, web developers often render a custom back icon in the top header. How should native Telegram top-left back navigation be controlled? | pass→pass | 12,242 | 10,637 | -13% | 1 | 1 | 0% | 2,246 | 2,555 | +14% | 0 | 0 | — |
▸case-12 I am building a standard web single-page application hosted on Vercel completely outside Telegram. I need to implement user login with Google OAuth 2.0 Authorization Code Flow with PKCE. How should I store authorization state and request tokens from Google's OAuth endpoints? | pass→pass | 22,094 | 23,697 | +7% | 1 | 1 | 0% | 4,543 | 4,199 | -8% | 0 | 0 | — |
▸case-13 I am building an Ethereum dApp for browser extension wallets like MetaMask using React and Wagmi v2. How do I configure createConfig with mainnet and sepolia chains and wrap the app in QueryClientProvider and WagmiProvider? | pass→pass | 10,777 | 15,721 | +46% | 1 | 1 | 0% | 2,383 | 2,557 | +7% | 0 | 0 | — |
▸case-14 I am implementing a standard credit card payment flow on a SaaS web app using React and Node.js with Stripe Elements. How do I create a PaymentIntent on the backend and process card confirmation with useStripe and useElements on the client? | fail→fail | 22,738 | 15,614 | -31% | 1 | 1 | 0% | 3,981 | 3,847 | -3% | 0 | 0 | — |
▸case-15 When users tap buttons in a Telegram mini app, standard web apps offer no tactile feedback or use navigator.vibrate. How do you invoke native Telegram haptic engine feedback for success and selection events? | pass→pass | 14,391 | 15,426 | +7% | 1 | 1 | 0% | 1,856 | 2,580 | +39% | 0 | 0 | — |
▸case-16 After a user successfully completes a workflow in a Telegram Mini App, developers often call window.close(). What official Telegram WebApp API method should be called to properly close the mini app overlay? | pass→pass | 3,072 | 3,168 | +3% | 1 | 1 | 0% | 494 | 1,051 | +113% | 0 | 0 | — |
▸case-17 I am creating a React root wrapper for my Telegram Mini App. Should I immediately render my main application UI as soon as React mounts, or wait for SDK readiness? Explain the component lifecycle requirement. | pass→pass | 18,553 | 18,420 | -1% | 1 | 1 | 0% | 2,316 | 2,858 | +23% | 0 | 0 | — |
▸case-18 When sending a transaction request with TON Connect's sendTransaction method, what structure is required for the messages array in the transaction request object? | pass→pass | 15,036 | 14,048 | -7% | 1 | 1 | 0% | 1,827 | 2,411 | +32% | 0 | 0 | — |
▸case-19 When a user purchases an item using Telegram Stars, the front-end initiates payment. What bot backend handler must respond within 10 seconds before Telegram processes the payment? | pass→pass | 9,581 | 5,720 | -40% | 1 | 1 | 0% | 670 | 1,517 | +126% | 0 | 0 | — |
▸case-20 If a Telegram user switches their client theme from light to dark mode while the Mini App is open, how can the React app reactively detect this event and re-render with updated colors? | pass→pass | 16,554 | 18,831 | +14% | 1 | 1 | 0% | 2,319 | 3,457 | +49% | 0 | 0 | — |
▸case-21 In standard web apps, window.alert() or custom HTML modals are used for alerts. What native modal API provided by Telegram WebApp should be used to display native dialog boxes? | pass→pass | 11,587 | 4,757 | -59% | 1 | 1 | 0% | 1,293 | 1,360 | +5% | 0 | 0 | — |
▸case-22 To prevent users from accidentally closing a Mini App while filling out an unsaved form, what Telegram WebApp feature should be enabled to prompt the user before closing? | pass→pass | 8,743 | 4,680 | -46% | 1 | 1 | 0% | 619 | 1,397 | +126% | 0 | 0 | — |