Все проекты

Приложение для падел-клуба

Клиент
NDA
Тип проекта
Telegram Mini App
Год разработки
2026
Доступ
NDA

О проекте

Telegram Mini App для падел-клуба: бронирование кортов, тренировки, оплата и общение игроков. Реализовал интерфейс по готовым макетам из Figma, серверную часть на Laravel, интеграцию с YClients и веб-панель для сотрудников.

Что было сделано

  • Разбор сценариев и структуры приложения
  • Вёрстка готовых макетов из Figma
  • Адаптация интерфейса для Telegram Mini App
  • Серверная часть и API на Laravel
  • Интеграция расписания и бронирований с YClients
  • Создание игр и запись на корты и тренировки
  • Оплата, депозит с бонусом и QR-билеты
  • Магазин, аренда инвентаря и абонементы
  • Чаты и подбор игроков по уровню
  • Веб-панель сотрудников, права доступа и турниры
  • Тестирование и подготовка к запуску

Результат

Клуб получил приложение в Telegram, в котором посетители бронируют корты и тренировки, оплачивают услуги и находят партнёров для игры. Бронирования связаны с общим расписанием YClients, а сотрудники управляют доступами и соревнованиями из отдельной веб-панели.

Готовые макеты Figma превратил в работающий интерфейс и связал его с серверной частью на Laravel. От разработки до запуска прошло 2,5 месяца.

Задача

Реализовать готовые макеты из Figma и собрать приложение внутри Telegram: запись на игры и тренировки, оплату, депозит с бонусом и общение участников. Для сотрудников - веб-панель с управлением доступами и турнирами. Оба интерфейса должны работать с единым серверным API.

С чего начал

К открытию падел-клуба нужен был сервис, через который посетитель мог выбрать время, забронировать корт и найти партнёров. Бронирования из приложения и записи администратора должны были попадать в общее расписание YClients.

Ограничения NDA

Название заказчика скрыто. В опубликованных макетах удалены названия клуба, изменены цвета и заменены рекламные изображения. Дизайн предоставлен заказчиком; моя работа - вёрстка, интеграции и логика приложения.

Сценарии и архитектура приложения

Разобрал путь посетителя от выбора времени до оплаты и отдельно - действия сотрудников. На карте экранов связал главную, игры, магазин, чаты и профиль с рабочими сценариями и панелью управления.

На Laravel подготовил серверную часть и единый API для приложения и веб-панели. Разделил логику пользователей, игр, бронирований, платежей и турниров, добавил проверку данных и разграничение доступа. Данные проекта хранятся в PostgreSQL.

Карта экранов приложения, рабочих сценариев сотрудников и панели управления

Интерфейс по готовым макетам из Figma

Сверстал предоставленные макеты и адаптировал их к мобильному окну Telegram. Перенёс навигацию, формы, карточки и последовательность создания игры, предусмотрел состояния загрузки, пустые и заполненные списки.

Подключил Telegram Mini Apps SDK и связал экраны с серверным API. На главной собрал быстрые действия, ближайшие игры и текущие бронирования; для записи предусмотрены QR-билет и отмена.

Главная, состояния списков, QR-билет, отмена бронирования и создание игры

Бронирование кортов и создание игры

Пользователь выбирает время, публичную или приватную игру, допустимый уровень участников и способ оплаты. Каждый шаг содержит только нужные для него настройки; уровень игроков помогает подобрать участников близкой подготовки.

Через Laravel связал приложение с YClients: расписанием кортов, доступностью тренеров и данными записей. Бронирование, оплата и изменение статуса входят в единый сценарий, а актуальные варианты возвращаются в интерфейс.

Создание игры: время, формат, уровень участников и оплата

Тренировки, магазин и оплата

Объединил в разделе услуг тренеров, инвентарь, мерч и абонементы. Реализовал запись на тренировки, оплату и депозит с бонусом.

Для аренды посетитель выбирает товар и время, подтверждает оплату и получает QR-билет. Сотрудник проверяет билет при выдаче инвентаря.

Раздел услуг клуба: тренеры, инвентарь, мерч и абонементы

Общение и поиск партнёров

Подключил личные переписки и чаты клуба, чтобы участники могли договориться о матче и обсудить время.

Из переписки можно пригласить человека в свою игру или выбрать подходящую запись. Уровень участника показан рядом с именем и связан с ограничениями, заданными организатором игры.

Личные переписки и клубные чаты приложения

Панель сотрудников и управление турнирами

Разработал отдельную веб-панель на том же API. Администратор добавляет и редактирует сотрудников, назначает права и закрывает доступ. Набор доступных действий определяется ролью.

Для соревнований предусмотрел создание турнира, условия и призы, работу со списком участников и результатами, а также отмену события. Изменения из панели отражаются в клиентской части без отдельного ручного переноса.

Учётные записи сотрудников и назначение прав доступа
Создание турнира, участники, результаты и отмена соревнования

Проверка сценариев и запуск

Проверил создание игры, бронирование и отмену, оплату, QR-билеты, доступ сотрудников и управление турнирами. Проверка включала основные пользовательские маршруты и работу интерфейса в Telegram.

После проверки подготовил приложение к открытию клуба: клиентскую часть, серверный API, интеграцию с YClients и веб-панель сотрудников.

Помогу разработать похожий проект

Напишите что нужно разработать или доработать. Я уточню детали, предложу решение и сориентирую по срокам и стоимости.

Шаг 1 из 5

Что нужно сделать?

Шаг 2 из 5

В каком состоянии дизайн?

Шаг 3 из 5

Что понадобится внутри?

Шаг 4 из 5

Есть детали? Расскажите

Что должен сделать пользователь? Что обязательно должно быть в первой версии? Поле необязательное — можно сразу перейти дальше.

0 / 2000 · можно пропустить
Шаг 5 из 5

Оставьте контакт для заявки

Контакт не нужен для просмотра цены. Он понадобится только при отправке заявки.

Расчёт проекта

Собираю смету

Собираю функции и интеграции…