FoodMind — Telegram Mini App для трекинга калорий и БЖУ
Клиент
FoodMind
Срок
30 дней
Ниша
SaaS, Мобильная разработка, Здоровье и фитнес
01
Задача клиента
Доработка и развитие функционала мобильного приложения внутри экосистемы Telegram для контроля питания, подсчета калорий и баланса БЖУ.
02
Исходная проблема
Необходимость адаптации интерфейса под мобильные устройства и кастомные темы Telegram, ускорение производительности рендеринга, а также подготовка инфраструктуры для AI-анализа приемов пищи по фото.
03
Что было сделано
- Реализована бесшовная интеграция WebApp с мессенджером с помощью @telegram-apps/sdk.
- Компоненты стилизованы на Tailwind CSS v4 и Radix UI для создания native-like интерфейса.
- Доработан модуль работы с медиа-устройствами через react-webcam для AI-анализа блюд.
- Кодовая база актуализирована под React 19 и Vite 7, настроено локальное SSL-тестирование.
- Обновлен роутинг на React Router v7 и реализована валидация сессий через jwt-decode.
04
Структура сайта
01
Главный экран (Дневник калорий)
02
Интерактивные карточки прогресса БЖУ
03
Модуль камеры (AI-сканер пищи)
04
Кастомный BottomBar навигации
05
Профиль и настройки темы
05
Технологии и сроки
Стек
- React 19
- TypeScript
- Vite
- Tailwind CSS v4
- @telegram-apps/sdk
- React Router Dom v7
- Axios
- Radix UI
Срок реализации
30 дней
06
Результат
Native-like интерфейс внутри Telegram, ускоренная сборка (HMR) и рендеринг, PageSpeed 95/100, готова база для масштабирования AI-функций.
Хочу похожий проект
Расскажите о задаче - отвечу в течение часа с конкретным предложением.
-
ФИО
Костиков Михаил Юрьевич
-
Статус
Индивидуальный предприниматель
-
ОГРНИП
123456789012345
- В чате Telegram @mihail_kostikov_work
- Позвоните мне +7 977 464-70-87
- Напишите письмо dev@kostikovmu.ru
Пн — Пт · 9:00 — 17:00 (МСК)
Или можно встретиться в Москве лично.