Подключите нашего Telegram-бота для уведомлений о новых проектах

Заказ закрыт
Создать тг бот + веб ап на NEXT.js

Разместить заказ
u
Заказчик
Отзывы фрилансеров: + 0 - 0
Зарегистрирован на сайте 6 лет и 4 месяца
Бюджет: по договоренности
Вот финальный вариант ТЗ для публикации на 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
• Возможность подключения к проекту на дальнейшую поддержку



💰 Бюджет:

Обсуждается, оплата поэтапно
Разделы:
Опубликован:
02.06.2025 | 15:47 [поднят: 02.06.2025 | 15:47]
Заказ находится в архиве
Откликнуться Посмотреть другие заказы

Теги: Разработка чат-ботов, недорого, FL.ru

Наши партнеры
Сведения об ООО «Ваан» внесены в реестр аккредитованных организаций, осуществляющих деятельность в области информационных технологий. ООО «Ваан» осуществляет деятельность, связанную с использованием информационных технологий, по разработке компьютерного программного обеспечения, предоставлению доступа к программе для ЭВМ и является правообладателем программы для ЭВМ «Платформа FL.ru (версия 2.0)».