Школа Интернет-БЕЗопасности
Telegram Mini App международного молодёжного форума ШИБ IV
Проблема
Форум на несколько дней, десятки лекций и мероприятий, участники — молодёжь из полутора десятков стран. Бумажная программа устаревает после первого переноса тайминга, а отдельное нативное приложение — избыточно тяжёлое решение ради нескольких дней ивента.
Задача
Собрать формат, который открывается за секунду без установки — прямо в Telegram, где участники и так общаются между собой: расписание, вовлечённость и мерч в одном месте.
Решение
Telegram Mini App с четырьмя ключевыми экранами, собранными вокруг реального сценария участника форума, а не вокруг технических возможностей платформы.
Расписание подано по дням, с точным временем начала, длительностью и локацией каждого мероприятия (амфитеатр, большой шатёр, ресторан) — таймлайн, по которому реально ориентируешься между лекциями, а не общий список.
Рейтинг участников — геймификация вовлечённости: баллы за активность на форуме, лидерборд топ-участников, а свой личный результат всегда закреплён сверху, чтобы не листать весь список ради своей позиции.
Партнёры форума поданы единым логотип-гридом прямо внутри мини-приложения, а личный кабинет и магазин мерча живут в том же чат-боте — без переключения между ботом, отдельным сайтом и приложением магазина.
Мой вклад
Спроектировал и реализовал фронтенд целиком: структуру экранов, навигацию, мультиязычность и PWA-слой. Единственный разработчик приложения на всех этапах — от прототипа до работающей версии на форуме.
Архитектура
- React 19 + Vite — быстрая сборка и мгновенный старт внутри Telegram WebView, критично для мини-приложения, которое открывают между лекциями на телефоне.
- React Router 7 — навигация между расписанием, кабинетом, рейтингом и магазином без перезагрузки WebView.
- i18next + определение языка браузера — форум международный, интерфейс переключается на язык участника автоматически.
- vite-plugin-pwa — офлайн-устойчивость и мгновенный повторный запуск: форум проходит в местах со слабым Wi-Fi, приложение не должно виснуть на загрузке.
Что было непросто
Международная аудитория без родного языкового барьера
Участники из 15 стран не должны были упираться в русскоязычный интерфейс. Мультиязычность закладывалась в структуру текста с первого экрана, а не добавлялась поверх готового приложения.
Устойчивость на слабом Wi-Fi большого мероприятия
Сотни участников в одной точке доступа — типичная ситуация просадки сети на форумах. PWA-слой обеспечивал, что расписание и рейтинг оставались доступны даже при нестабильном соединении.
Один чат-бот вместо трёх приложений
Расписание, кабинет, рейтинг и магазин мерча изначально просились в разные интерфейсы. Свести их в единую навигацию Mini App, не потеряв ни один сценарий, — отдельная задача по информационной архитектуре.
Результат
Приложением пользовались 400+ участников из 15 стран на форуме ШИБ IV — расписание, рейтинг и мерч-магазин были доступны каждому участнику без установки отдельного приложения, прямо в Telegram.
Как это выглядит
