Telegram Mini App (Web App) на React/Next.js: Разработка интерфейса (до 3 экранов): заказать услугу у исполнителя Никита Fixer на бирже удаленной работы FL.RU

Вашему боту тесно в рамках обычных кнопок? Хотите собирать сложные заявки, показывать товары или настройки в удобном интерфейсе, как в приложении? Я разработаю современный Telegram Mini App (TWA), который работает быстро и выглядит нативно. Вместо устаревших команд `/start` ваш пользователь нажимает кнопку и попадает в полноценное Web-приложение внутри мессенджера. ЭТА УСЛУГА ПОДХОДИТ ДЛЯ: — Форм заявок и анкет (где нужно вводить много данных, выбирать даты, загружать файлы). — Личных кабинетов (просмотр баланса, статусов, истории). — Простых каталогов или меню услуг. — Конфигураторов заказа. ЧТО КОНКРЕТНО ВХОДИТ В СТОИМОСТЬ (БАЗОВЫЙ ПАКЕТ): Вы покупаете разработку Frontend-части приложения на современном стеке. 1. ОБЪЕМ РАБОТЫ — ДО 3 ЭКРАНОВ: — Например: 1. Главная (Список услуг) -> 2. Форма заказа (Ввод данных) -> 3. Экран «Успех/Ошибка». — Если макета нет, я соберу чистый UI на базе готовой дизайн-системы (ShadCN UI / Tailwind) — будет выглядеть дорого и аккуратно. 2. ИНТЕГРАЦИЯ С TELEGRAM (SDK): — Приложение автоматически определяет тему пользователя (Тёмная/Светлая). — Считывание `initData` (понимаем, кто открыл приложение: ID, Username). — Управление главной кнопкой (MainButton): Активация/деактивация, прогресс-бар, отправка данных боту. 3. ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ: — Стек: Next.js (App Router) + TypeScript + TailwindCSS. — Валидация форм (Zod/React Hook Form) — пользователь не отправит пустую заявку. — Адаптивность: Идеальное отображение на iOS, Android и Desktop. 4. ДЕПЛОЙ (ПУБЛИКАЦИЯ): — Бесплатно настрою деплой на Vercel (самый быстрый и надежный хостинг для Next.js). Вы получите готовую HTTPS ссылку для бота. !!!В СТОИМОСТЬ НЕ ВХОДИТ!!!: — Разработка сложного Backend API (БД, админка, платежи). Приложение либо работает с вашим готовым API, либо просто передает данные боту через `web_app_data` (строкой). — Сложная анимация (3D, Canvas, игры). — Дизайн с нуля (я верстаю либо по вашему Figma, либо делаю стандартный чистый стиль).

Заказчик получит:

1. Ссылка на работающее Web-приложение 2. Репозиторий с исходным кодом (GitHub).

До начала работы заказчик должен предоставить:

1. Задача: Что должно быть на этих 3-х экранах? (Например: «Экран 1: Выбор тарифа, Экран 2: Ввод телефона и почты»). 2. Дизайн: Ссылка на Figma ИЛИ разрешение делать на мой вкус (стиль iOS/Material). 3. API: Если приложению нужно откуда-то брать данные (например, список товаров), предоставьте документацию API. Если API нет - я сделаю статические данные (заглушки).