РазработкаTelegram Mini Apps (Telegram WebApp). Разработка с нуля. Пожелания и особенности: Нужно разработать Telegram Mini App для телеграм-канала по аналогии с референсом: https://t.me/mavestreambot?profile. Цель. Дать подписчикам канала удобный доступ к контенту и платной функции «Карта дня», а также к оплате продуктов на GetCourse. Мини-приложение открывается внутри Telegram по кнопке в канале. 1) Общие требования • Формат: Telegram Mini App (WebApp), запуск из канала через кнопку. • Визуальный стиль: как в референсе (по ощущениям, структуре экранов, типографике, навигации). Прошу повторить логику интерфейса и общий «премиальный» вид. • Личный кабинет в MVP не делаем. При этом закладываем архитектуру, чтобы позже можно было добавить профиль, историю, избранное, прогресс и оплату без переделки ядра. • Язык интерфейса: русский. • Адаптивность: iOS и Android, разные размеры экранов. 2) Структура и вкладки (MVP) Нужны вкладки внизу или вверху, как в референсе. Вкладка «Статьи» • Список статей (карточки). • Экран статьи: заголовок, текст, при необходимости изображение. • Поиск по заголовкам (желательно). • Категории или теги (желательно). Вкладка «Мантры» • Список мантр (карточки). • Экран мантры: название, текст, краткое описание, рекомендации по практике. • Поиск и теги (желательно). Вкладка «Карта дня» по подписке Функция должна работать как платный доступ. • Экран для пользователя без подписки: • Короткое описание, что входит в подписку. • Кнопка «Оформить подписку». • После оплаты пользователь получает доступ к «Карте дня». • Экран для пользователя с подпиской: • Кнопка «Получить карту дня». • Выдача рандомной карты из базы (78 сообщений). • Логика «одна карта на сутки». Если пользователь нажимает повторно в тот же день, он видит ту же карту. • Счётчик времени до следующей карты (желательно). • Контент «78 посланий» хранится на стороне сервера или в базе, чтобы я могла обновлять тексты. Важный момент по оплате подписки: • Нужен понятный вариант реализации. Допустимы два пути: 1. Telegram Payments (инвойсы), если подходит под мою юрисдикцию и платёжного провайдера. 2. Оплата на GetCourse с подтверждением доступа через вебхук или проверку статуса оплаты. • От исполнителя жду предложение оптимального варианта и список того, что нужно от меня для запуска. Вкладка «Продукты» • Список продуктов (карточки): название, краткое описание, цена (если нужно). • Кнопка «Оплатить», переход на соответствующую страницу GetCourse (или иной URL). • Возможность быстро добавлять или менять ссылки. 3) Управление контентом Мне нужен удобный способ обновлять: • статьи, • мантры, • 78 посланий для «Карты дня», • список продуктов и ссылок. Варианты, которые подойдут: • простая админка, • Google Sheet как источник данных, • загрузка JSON через защищённый эндпоинт, • другой практичный вариант, который предложит исполнитель. Главное. Я должна менять контент без участия разработчика. 4) Технические требования • Авторизация: через Telegram WebApp initData (идентификация пользователя по Telegram ID). • Хранение данных: минимально необходимое. • статус подписки, • связка пользователь ? «карта дня» по датам, • лог выдачи (опционально). • Безопасность: проверка initData на сервере. • Производительность: быстрое открытие, кеширование контента. • Код и развёртывание: • сервер и фронтенд развёрнуты на хостинге (обсуждаемо), • передача исходников, • инструкция по развёртыванию и дальнейшему сопровождению. 5) Дизайн и UX • Повторить структуру и «чистоту» интерфейса референса. • Прорисовать состояния: • загрузка, • пустые списки, • ошибка сети, • нет подписки, • подписка активна, • подписка закончилась. • Нужны макеты в Figma или разработка сразу «по месту» с согласованием. 6) Результат работы Ожидаю на выходе: • работающий Mini App, запускаемый из канала, • подключённая оплата подписки и проверка доступа, • контентные разделы «Статьи» и «Мантры», • раздел «Продукты» со ссылками на GetCourse, • документация: как добавлять контент, как менять ссылки, как поддерживать проект. 7) Что прошу прислать в отклике • Примеры выполненных Telegram Mini App или WebApp внутри Telegram. • Предложение по оплате подписки и подтверждению доступа. • Оценку трудоёмкости по этапам и формат работы. • Стек, который планируете использовать.