Built a Telegram Mini App from scratch to production, in a lean team of three, for a worldwide-popular game. End-to-end frontend ownership: UI/UX inside the Telegram environment, crypto payments via TON Connect, analytics via PostHog and GA, plus ad-network and tracker integrations.
Stack
- React
- TypeScript, TS
- Tailwind CSS
- Telegram Mini App
- TON Connect
- PostHog
- Google Analytics
- Google Tag Manager
Context
A worldwide-popular game wanted a Telegram Mini App as a new distribution surface. Three-person team, frontend lead role, full-cycle from empty repo to production-ready app inside Telegram.
TMA constraints are real: tight performance budget, the Telegram WebView quirks, and a UX that has to feel native to Telegram users while still being a real product. Every layer — payments, analytics, ads — had to fit those constraints.
What I built
- Full Telegram Mini App frontend in React + TypeScript — UI, navigation, state, performance budget tuned for the TMA environment.
- TON Connect integration for crypto payments — wallet connection flow, transaction handling, error states tuned for in-Telegram UX.
- Analytics: PostHog + Google Analytics, instrumented at the meaningful moments (onboarding, payment, retention loops).
- Ad-network + tracker integration — wired into the app so the marketing team can attribute and optimise without engineering involvement on every change.
- Production hardening: monitoring, error tracking, performance regressions guarded against before they hit users.
Hardest problems
- TMA performance and rendering — Telegram's WebView has its own quirks vs. mobile browsers, and a popular game brings traffic spikes that exposed everything that was even slightly slow.
- Wiring ad networks and trackers into a single coherent measurement layer instead of duct-taping each integration — so every surface (ads, payments, retention) reports into the same source of truth.
Building a TMA?
I have shipped one to production for a worldwide audience. If you need a frontend lead who has solved the actual quirks of the TMA platform — payments, analytics, performance — reach out via the contacts on my home page.