Разработка главной страницы мобильного приложения с анимацией

Задача заключается в создании фронтенд-части главного экрана для мобильного приложения, построенного на стеке React Vite.

Исходные данные

• Дизайн главной страницы предоставлен дизайнером в формате JSON-файла (data.json).
• Приложение является мобильным.

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

• Создать React-компонент главной страницы в проекте на Vite.
• Интегрировать библиотеку Rive для работы с интерактивной анимацией.
• Загрузить и использовать предоставленный дизайн (анимацию) из JSON-файла в компоненте Rive.
• Обеспечить корректное и производительное отображение анимированного интерфейса на мобильных устройствах.
• "Прикрутить" фронтенд-логику к готовому дизайну.

Ожидаемый результат

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