Skip to content

Latest commit

 

History

History
23 lines (14 loc) · 1.84 KB

README.md

File metadata and controls

23 lines (14 loc) · 1.84 KB

Задача

Сделать анимацию переключения между экранами стека экранов мобильного сайта, эмулирующую iOS-анимацию. Есть корневая страница Library, из которого можно пойти на один из трех дочерних экранов: Artists, Albums, Songs, у каждого из которых еще по 3 дочерних экрана со сгенеренными названиями. То есть глубина стэка — 3 экрана максимум.

При этом заголовок Library/Artists/Albums/Songs уезжает/приезжает как показано на видео https://youtu.be/2eBsRsFzfdQ?t=2m39s из своего положения заголовка экрана на место рядом со стрелкой назад. А новый экран приезжает справа.

Каждый экран должен находиться по отдельному URL.

Ссылка для вдохновения: page-transitions.com

Итогом выполнения задачи считается этот репозиторий с кодом, а также публичная ссылка с работающием в последних iOS/Android-браузерах решением.

Обязательные технологии

  • react
  • typescript

Опциональные/рекомендуемые технологии