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

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

⸻

Задачи:
• Сверстать интерфейс по макету из Figma (адаптивно, под WebView Telegram).
www.figma.com/design/Cxrx...
• Интегрировать Telegram WebApp SDK (telegram-web-app.js).

  Настроить:
• корректное отображение в Telegram на iOS и Android;
• Telegram.WebApp.MainButton, expand(), sendData(), close() и др.;
• взаимодействие между UI и backend.

Backend будет реализован на 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 и Telegram callbacks).
• Умение работать с Single Page интерфейсом без роутера (обычно вся логика внутри одной страницы).

Умение работать с:
• Telegram Mini App SDK (core.telegram.org/bots/we...
• Telegram.WebApp.MainButton, expand(), sendData() и др.

Делать адаптивную, быструю вёрстку под встроенный WebView, в том числе с учётом:
• iOS/Android особенностей,
• безопасного вызова window.Telegram.WebApp.sendData(...)
• корректного отображения кнопок и отступов.