AV.

BIXIRUN — Фитнес-маркетплейс и таймер тренировок

Собственный бренд БАДов + мобильное приложение в App Store: маркетплейс спортивного питания со встроенным интервальным таймером и видеозаписью тренировок

Роль

Founder / Full-stack Developer

Период

2024 — Настоящее время

Технологии

React NativeExpoTypeScriptRedux ToolkitSupabasePostgreSQLVision CameraiOS Native Modules
BIXIRUN — Фитнес-маркетплейс и таймер тренировок

О проекте

BIXIRUN — это собственный бренд спортивных добавок (БАДов) с мобильным приложением, совмещающим маркетплейс фитнес-продуктов и профессиональный интервальный таймер для тренировок. Приложение доступно в TestFlight (iOS), Android-версия в разработке.

  • Компания: ООО «Системные Решения», ИНН 5700009897, г. Орёл
  • Домен: bixirun.ru / bixirun.com
  • Статус: Опубликовано в App Store, активные пользователи

Вызов

Создать с нуля собственный бизнес в нише спортивного питания — от регистрации юридического лица и разработки продуктовой линейки до написания мобильного приложения и публикации в App Store. Пройти полный цикл предпринимателя-разработчика: бизнес-модель → продукт → дизайн → код → деплой → маркетинг.

Ключевая гипотеза: объединить покупку спортивного питания и инструмент для тренировок в одном приложении, чтобы увеличить retention и частоту использования. Покупатель БАДов = человек, который тренируется = нужен таймер → замкнутый цикл.

Решение

Архитектура

Кросс-платформенное мобильное приложение с двумя ключевыми модулями:

┌─────────────────────────────────────────┐
│           BIXIRUN Mobile App            │
├──────────────────┬──────────────────────┤
│   Маркетплейс    │   Интервальный       │
│   БАДов          │   таймер             │
├──────────────────┼──────────────────────┤
│ Каталог товаров  │ Настройка фаз        │
│ Фильтрация       │ Пресеты тренировок   │
│ Корзина          │ Видеозапись           │
│ Поиск            │ с оверлеем таймера   │
│ Блог/статьи      │ Звуковые уведомления │
└──────────────────┴──────────────────────┘
         │                    │
         └────────┬───────────┘
                  ▼
        ┌─────────────────┐
        │    Supabase      │
        │  PostgreSQL +    │
        │  Auth + Storage  │
        └─────────────────┘

Технологический стек

СлойТехнологияЗачем
FrameworkReact Native 0.79 + Expo 53Кросс-платформенность, быстрая итерация
ЯзыкTypeScript 5.8Типобезопасность, меньше багов
РоутингExpo Router 5 (file-based)App Router паттерн, как в Next.js
СтейтRedux Toolkit 2.8Глобальное состояние таймера и корзины
BackendSupabase (PostgreSQL, Auth, Storage, Realtime)BaaS — быстрый старт без backend-разработки
Видеоreact-native-vision-camera 4.7 + кастомный iOS-модульНативная запись с оверлеем таймера
UIreact-native-paper (Material Design)Готовые компоненты, accessibility
Графикаreact-native-svg, expo-linear-gradient, expo-blurВолны, градиенты, blur-эффекты
Аудиоexpo-audio + expo-avЗвуки уведомлений таймера
Безопасностьexpo-secure-store, expo-local-authenticationХранение токенов, Face ID/Touch ID

Маркетплейс — ключевые возможности

  • Каталог товаров — сетка/список, фильтрация по категориям, поиск
  • Карточка товара — галерея изображений, вкладки (описание / характеристики / отзывы), кнопка «В корзину» с sticky-позиционированием
  • Корзина — управление количеством, подсчёт стоимости, персистентность через AsyncStorage
  • Блог — статьи о спортивном питании и тренировках (Markdown-рендеринг)
  • Профиль — авторизация по email/password, загрузка аватара, статистика использования

Интервальный таймер — уникальная фича

Профессиональный таймер для интервальных тренировок (HIIT, Tabata, круговые):

  • Настраиваемые фазы: подготовка → работа → отдых → цикл → подход → отдых между подходами
  • Пресеты: сохранение и загрузка готовых шаблонов тренировок
  • Видеозапись тренировки — уникальная функция:
    • Нативный iOS-модуль TimerVideoRecorder записывает видео с камеры
    • Оверлей таймера накладывается поверх видео в реальном времени
    • Готовое видео сохраняется в медиатеку устройства
    • Можно делиться тренировкой с таймером в соцсетях
  • Звуковые уведомления при смене фаз
  • Описания фаз — текстовые инструкции для каждого этапа тренировки

Подход к разработке

  • Mobile-first UX — проектирование под пальцы, touch-friendly элементы (44px+ touch targets)
  • Оптимизация производительности:
    • Кастомный хук useFlatListOptimization для плавного скролла каталога
    • React.memo на карточках товаров, галереях, пагинации
    • Мемоизированные Redux-селекторы (createSelector)
    • Отложенные сетевые запросы через InteractionManager
    • expo-image с автоматическим кешированием
  • Offline-ready — определение состояния сети через @react-native-netinfo
  • Deep Linking — поддержка URL-схем для продуктовых страниц (bixirun.com/product/*)

Результат

Текущее состояние

  • Опубликовано в App Store — приложение скачивают и активно пользуются таймером
  • Полный функционал маркетплейса и таймера реализован
  • 21+ файлов технической документации
  • Кодовая база: ~50+ компонентов, 3 Redux-slice, 10+ кастомных хуков

В разработке

  • Оформление заказа и интеграция с платёжной системой
  • История заказов
  • Background-таймер (работа при свёрнутом приложении)
  • Text-to-Speech для голосового сопровождения тренировки
  • Публикация в Google Play

Что демонстрирует проект

  1. Предпринимательский подход: полный цикл от бизнес-идеи до работающего продукта — юрлицо, бренд, продуктовая линейка, приложение, домен
  2. Full-stack мобильная разработка: React Native + нативные iOS-модули + BaaS-архитектура
  3. Продуктовое мышление: объединение двух use-case (покупка + тренировка) в один продукт для увеличения retention
  4. Техническая глубина: от Redux-архитектуры и оптимизации FlatList до написания нативного iOS-модуля видеозаписи на Swift

Ключевой навык

IT-директор, который не только управляет командами, но и сам создаёт продукты — от первого коммита до App Store. Понимание мобильной разработки, UX, серверной архитектуры и бизнес-модели основано на личном опыте запуска собственного бренда.