Написано React-приложение на mock-данных, необходимо интегрировать существующий пользовательский интерфейс с <a href="https://swiperapp.ru:3000/docs">API</a>, обеспечив корректную передачу и отображение данных в продакшн среде, а именно в Telegram Mini App. Исправить возникающие ошибки при взаимодействии frontend и backend. По необходимости, улучшить и оптимизировать React-приложение.<br><br><ol><li><strong>Интеграция с API:</strong><ol><li>Соединить существующий frontend с API: настроить передачу запросов из React-приложения в API</li><li>Обработать все типы запросов (GET, POST, PATCH, DELETE) в соответствии с требованиями API</li><li>Обеспечить корректную обработку ответов, включая данные, ошибки и статус-коды</li></ol></li><li><strong>Обновление frontend-приложения:</strong><ol><li>Обновить интерфейс для отображения данных, полученных из API</li><li>Убедиться в том, что данные отрисовываются корректно и обновляются в реальном времени, если это требуется</li></ol></li><li> <strong>Использование технологий:</strong><ol><li>Типизация всех компонентов и функций с использованием TypeScript</li><li>Обновление состояния приложения с помощью Redux: настройка экшенов, редюсеров и хранения данных</li><li>Придерживаться модульного подхода для SCSS, чтобы стили были локальными и не конфликтовали друг с другом</li></ol></li><li> <strong>Отладка и исправление ошибок:</strong><ol><li>Провести тестирование и отладку приложения для выявления ошибок при взаимодействии frontend и backend</li><li>Исправить все выявленные ошибки и баги, особенно связанные с передачей данных в среде Telegram Mini App</li></ol></li><li><strong>Оптимизация и улучшение UX/UI:</strong><ol><li>Обеспечить плавную работу интерфейса без задержек и лагов</li><li>Улучшить UX/UI, минимизируя количество загружаемых данных и обеспечивая комфортную работу пользователя</li></ol></li><li><strong>Документация:</strong><ol><li>Обеспечить понятную и полную документацию для разработанного кода</li><li>Описать процесс установки и развертывания приложения, а также инструкции по использованию API</li></ol></li></ol><strong>Требования к кандидату:</strong><br><ul><li>Опыт работы с React, TypeScript, Redux и SCSS</li><li>Понимание принципов работы с RESTful API</li><li>Опыт исправления багов и проведения отладки в веб-приложениях</li><li>Желателен опыт работы с Telegram Mini Apps</li></ul><strong>Сроки выполнения:</strong><br><ul><li>1 день -- погружение, получение доступов к кодовой базе, знакомство с окружением</li><li>2 дня -- интеграция React-приложения с API</li><li>2 дня -- доработка React-приложения и тестирование в среде telegram mini app</li><li>срочности нет, сроки примерные, можно сделать быстрее или медленнее</li></ul>