HTML/CSS верстальник, знайомий з API Telegram WebApp

Проєкт: Telegram Mini App (ігровий інтерфейс з анімацією, кнопками та простими діями).

⸻

 Задачі:

 • Верстка інтерфейсу за макетом із Figma (адаптивна, під WebView Telegram).

https://www.figma.com/design/Cxrx3vD7S4RmIp6jdoKIlu/Untitled?t=DUMeYpDVO70BVmTT-0

 • Інтеграція Telegram WebApp SDK (telegram-web-app.js).

  Налаштувати:

 • коректне відображення в Telegram на iOS та Android;

 • Telegram.WebApp.MainButton, expand(), sendData(), close() та ін.;

 • взаємодію між UI та бекендом.

Бекенд буде реалізовано на GO

⸻

 Вимоги:

 • Впевнені знання HTML, CSS, JS.

 • Досвід верстки під Telegram Mini Apps / WebView-інтерфейси.

 • Розуміння обмежень Telegram (без сторінок, без адресного рядка, особливості поведінки WebView).

 • Вміння працювати без фреймворків (або мінімально — наприклад, vanilla JS або Alpine.js).

 • Протестувати роботу як всередині Telegram, так і у браузері.

 • Правильно ініціалізувати Telegram.WebApp.init().

 • Не використовувати localStorage, cookies (залежно від платформи).

 • Адаптувати дизайн для екранів мобільних пристроїв різних розмірів та браузерів

⸻

 Буде плюсом:

 • Досвід роботи з Lottie-анімаціями, WebM або SVG-анімаціями.

 • Розуміння Telegram Bot API та архітектури Mini App.

 • Готовність показати реальні приклади (якщо є).

 • Розуміння обмежень Telegram WebView

 • Розуміння, як оновлювати контент без перезавантаження (через JS та callbacks Telegram).

 • Вміння працювати з Single Page інтерфейсом без роутера (зазвичай вся логіка всередині однієї сторінки).

 Вміння працювати з:

 • Telegram Mini App SDK (https://core.telegram.org/bots/webapps)

 • Telegram.WebApp.MainButton, expand(), sendData() та ін.

 Створювати адаптивну, швидку верстку під вбудований WebView, з урахуванням:

 • особливостей iOS/Android,

 • безпечного виклику window.Telegram.WebApp.sendData(...)

 • коректного відображення кнопок та відступів.

Бюджет обговорюваний, цифра вказана для публікації оголошення.