Задание: Разработка Чат-ботов. Создать тг бот + веб ап на NEXT.js (Дистанционная работа)
Вот финальный вариант ТЗ для публикации на FL.ru, с учетом всех требований:
⸻
Техническое задание: Telegram Web App на Next.js (по готовому API и прототипу)
Задача:
Разработать Telegram Web App (встраиваемое веб-приложение внутри Telegram) на Next.js, повторяя функциональность существующего Flutter-приложения, с использованием готового backend API.
⸻
Что уже есть:
• Готовый backend с документацией (REST API, JWT авторизация)
• Скелет фронтенд-системы на Next.js:
• Настроен проект на TypeScript + Tailwind
• Настроена интеграция с Telegram WebApp API
• Базовые роуты и компоненты
• Есть подключение к API
• Telegram Bot с подключенной web_app кнопкой
• Демо-версия Flutter-приложения (как ориентир по логике и структуре)
⸻
Основной функционал WebApp:
1. Авторизация
• Получение Telegram ID из initData
• Авторизация через backend, получение JWT
• Хранение токена в localStorage или cookie
2. Главный экран
• Приветствие по имени
• Список категорий / направлений
3. Каталог
• Загрузка и отображение товаров/услуг с API
• Карточки с описанием, ценой и кнопкой “Добавить”
4. Корзина
• Список выбранных товаров
• Возможность редактирования
• Кнопка оформления заказа
5. Оформление заказа
• Форма с подтяжкой данных из Telegram (имя, телефон)
• Отправка заказа на backend
6. Бонусы и промокоды (если предусмотрено)
• Отображение бонусов
• Применение промокодов
7. Статус заказа
• Получение и отображение текущего статуса
⸻
️ Технологии:
• Next.js (v15+ / App Router)
• TypeScript
• Tailwind CSS
• State: useContext / Zustand / Redux (на выбор)
• Telegram WebApp API
• REST API (JWT, Bearer Token)
⸻
Ищем разработчика, который:
• Имеет опыт с Next.js и адаптивной вёрсткой под мобильные WebView
• Понимает Telegram WebApp API (initData, безопасная авторизация)
• Умеет быстро развернуться по готовому скелету и API
• Готов обсудить возможные доработки API с backend-разработчиком
⸻
Формат работы:
• Этап 1: MVP (rаталог, корзина, заказ, оплата)
• Этап 2: бонусы, статус заказа, улучшения UX
• Возможность подключения к проекту на дальнейшую поддержку
⸻
Бюджет:
Обсуждается, оплата поэтапно