Описание задачи

Требуется разработать фронтенд для Telegram Mini App, который будет представлять собой витрину ресторанов (агрегатор). Основные работы включают верстку пользовательского интерфейса, реализацию критически важных форм и полную интеграцию с серверной частью.

Ключевые требования

• Верстка адаптивного и привлекательного интерфейса каталога ресторанов с карточками заведений, меню и фильтрами.
• Разработка полей ввода для указания адреса доставки с возможностью автозаполнения и валидации.
• Реализация формы ввода данных банковской карты (номер, срок действия, CVV) с обеспечением безопасности ввода.
• Привязка клиентской части к бэкенду: отправка запросов на эндпоинты, получение и отображение данных, обработка ошибок и состояний загрузки.
• Взаимодействие с реальным API для отображения динамической информации о ресторанах (акции, смена меню) и обработки заказов.

Технические детали

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

Цель работы

Получить готовый к запуску и взаимодействию с серверной частью фронтенд, форма которого позволяет пользователю просматривать рестораны, выбирать адрес, вводить данные оплаты и оформлять заказ в режиме реального времени.