Задача

Разработать фронтенд для мини-приложения в Telegram на основе готового дизайна и имеющегося кодового шаблона.

Основные требования

• Реализовать верстку в точном соответствии с предоставленным дизайном.
• Добавить небольшие интерактивные анимации (переходы между состояниями, плавное появление элементов, микро-анимации кнопок).
• Взять за основу код уже существующего работающего бота (нейросетевого) - контент требуется заменить, логику взаимодействия - подстроить под новую концепцию.
• Обеспечить корректную адаптивность под встроенный браузер Telegram Web Apps.

Этапы работы

1. Получение дизайн-макетов и ссылки на эталонного бота.
2. Верстка основных экранов и компонентов интерфейса.
3. Внедрение анимаций на CSS/JS (в соответствии с утвержденным дизайном).
4. Интеграция с базовой логикой (data-flow) и подготовка к передаче данных в бэкенд.