Мэтч: Telegram Mini App для бизнес-сообщества
Мой вклад в экосистему студенческих бизнес-клубов: нетворкинг, обучение, рефералы, адаптивная веб-часть и подготовка релизов.
Для кого делали Мэтч
«Мэтч» — Telegram Mini App для сообщества студенческих бизнес-клубов The Match Club. В одном продукте объединялись знакомство с людьми, поиск работы и команды, представление стартапов и обучение.
Я работал над проектом как fullstack-разработчик в феврале–апреле 2026 года. Подключился к существующему продукту после тестового задания и дорабатывал интерфейс, связанные механики и подготовку релизов.
Экосистема вокруг сообщества
Нетворкинг был одной частью продукта. Знакомство могло продолжиться откликом на вакансию, поиском участника в стартап или обучением. Поэтому разделы нужно было связать через профиль и понятную навигацию.
| Раздел продукта | Пользовательский сценарий |
|---|---|
| Анкета | Фото, город, навыки, ценности, запросы «ищу» и «помогу», примеры работ |
| Нетворкинг | Свайпы, лайки, взаимные мэтчи, мега-лайки и возврат к пропущенной карточке |
| Фильтры | Возраст, город, гендер, запрос человека, навыки и ценности |
| Контакт | Переход в Telegram после мэтча; общение продолжается в Telegram |
| Работа | Резюме, вакансии, избранное, отклики и их статусы |
| Радар | Стартапы, поиск команды, приглашения участников и избранное |
| Образование | Карточка курса, покупка и доступ в канал; лекции с видео и подкастами |
| Календарь | События по дням, эфиры, встречи и другие активности |
| Трекер | Привычки, отметки по дням, спринты, выполненные задания и лидерборды |
| Подписка | Networking+: расширенные возможности нетворкинга и лимиты действий |
| Рефералы | Приглашение участников и награда за целевое действие |
| Управление | Пользователи, курсы, события, подписки, кампании, аналитика и рассылки |
Нетворкинг и профиль
Дорабатывал профиль, раздел лайков и навигацию между экранами. В нетворкинге работал с плашками «ищу» и «помогу»: они позволяют объяснить, какой контакт человеку полезен и что он может предложить сообществу.
В анкете человек представляет себя через навыки, ценности и кейсы. Цветовая аура, значки интересов и логотипы проектов дополняют фотографию. Кейсы можно посмотреть и отдельным списком — профиль показывает не только имя, но и то, чем человек занимается.
Фото анкет заменены для публикации.
Механика начинается с анкеты и фильтров. Затем человек листает карточки: свайп выражает интерес или пропускает профиль. Взаимный интерес формирует мэтч, отдельные экраны собирают отправленные и полученные лайки. Возврат к пропущенной карточке и уведомление о пропущенном мэтче дополняют этот путь.
Отдельно дорабатывал механику мега-лайка. В этом сценарии участники могли сразу увидеть Telegram-имена друг друга и продолжить знакомство. Для интерфейса важно было показывать, чем этот шаг отличается от обычного лайка и какой результат получит пользователь.
Лимиты действий тоже должны быть понятны в интерфейсе. Например, отдельный экран объясняет, почему сейчас нельзя вернуть пропущенную карточку и когда это действие снова станет доступно. Экран Networking+ показывает расширенные возможности рядом с обычным сценарием знакомства.
Работал также над адаптивностью и десктопной версией. Мини-приложение остаётся веб-приложением, поэтому расположение карточек, форм и навигации нужно проверять при разных размерах окна.
Обучение и доступ после оплаты
Делал фронтенд раздела обучения и механику одноразовых ссылок. Покупка курса должна была переходить в доступ к нужному материалу или каналу. В продукте использовалась ЮKassa, а подтверждение оплаты было связано с выдачей доступа.
В карточке курса интерфейс различает покупку и уже выданный доступ. Отдельный раздел лекций предлагает видео или подкаст, а календарь связывает обучение с датой события. Такой сценарий требует согласованности интерфейса, статуса покупки и Telegram-бота.
В трекере прогресс устроен отдельно: отметки привычек по дням, участие в спринте и выполненные задания.
Рефералы и работа с привлечением
Дорабатывал реферальный интерфейс и антифрод: выдача награды связывалась с целевым действием приглашённого пользователя. Это позволяло учитывать реальное участие в продукте.
Работал с сегментацией по источнику привлечения и аналитикой рекламных кампаний. Источник перехода помогал связывать кампанию с дальнейшим сценарием, уведомлением или предложением внутри сообщества.
Создавал и дорабатывал административную часть. В ней связывались управление участниками, просмотр аналитики и работа с кампаниями. Для этого требовались как интерфейс администратора, так и соответствующие серверные операции.
Стек и релизы
Фронтенд построен на Next.js, React и TypeScript, серверная часть — на NestJS, данные — PostgreSQL через Prisma. Telegram-бот обслуживает уведомления и связанные с приложением действия.
Готовил инструкции развёртывания, прогон миграций и пересборку фронтенда, API и административной части. При сборке важно было согласовать адреса сервисов и версию схемы данных с выпускаемой версией приложения.
Что дал проект
Мэтч дал опыт развития существующего Telegram-продукта: дорабатывать знакомые пользователю действия, связывать их с серверной логикой и готовить изменения к релизу.
Мой вклад включал веб-часть обучения, профиль и нетворкинг, рефералы, адаптивность и эксплуатационные инструкции.