Описание задачи
Требуется разработать фронтенд для Telegram Mini App, который будет представлять собой витрину ресторанов (агрегатор). Основные работы включают верстку пользовательского интерфейса, реализацию критически важных форм и полную интеграцию с серверной частью.
Ключевые требования
- Верстка адаптивного и привлекательного интерфейса каталога ресторанов с карточками заведений, меню и фильтрами.
- Разработка полей ввода для указания адреса доставки с возможностью автозаполнения и валидации.
- Реализация формы ввода данных банковской карты (номер, срок действия, CVV) с обеспечением безопасности ввода.
- Привязка клиентской части к бэкенду: отправка запросов на эндпоинты, получение и отображение данных, обработка ошибок и состояний загрузки.
- Взаимодействие с реальным API для отображения динамической информации о ресторанах (акции, смена меню) и обработки заказов.
Технические детали
- Языковые и технические ограничения (фреймворк/библиотеки) отсутствуют, решение может быть выполнено на любую стабильную технологию (React, Vue, чистый JS и т.д.), удобную для интеграции в Telegram Mini App.
- Ожидается чистый, хорошо организованный код с комментариями для дальнейшей поддержки.
- Необходимо предусмотреть интеграционное тестирование с тестовым API перед сдачей работы.
Цель работы
Получить готовый к запуску и взаимодействию с серверной частью фронтенд, форма которого позволяет пользователю просматривать рестораны, выбирать адрес, вводить данные оплаты и оформлять заказ в режиме реального времени.