Тестовое задание · 28 Jan 2025

pollux - анимированная лента исторических дат

• React 19
• TypeScript
• GSAP
• Zustand
• Webpack
• Cloudflare

Переключатель временных периодов, построенный вокруг анимации. Шесть эпох расставлены по кольцу; клик по узлу проворачивает циферблат и выводит её на активную точку, две крупные подписи годов отсчитывают новый диапазон через GSAP, а Swiper с событиями этой эпохи проявляется. Позиции точек считаются тригонометрией, активный период живёт в Zustand-сторе, из которого читают и счётчики годов, и список событий, а бандл - это webpack + babel-loader за проверкой типов tsc. React 19, TypeScript, GSAP, Zustand, styled-components, Swiper.