Sergey-Yurakov/circle-slider

Круглая карусель с выбором диапазона дат

Стек - React, SCSS, Prettier, GSap, TypeScript, Swiper.

Круглая карусель построена полностью на svg, точки на круге построены через просчет sin/cos через svg. Анимация круга, текста и появления номера реализовано на библиотеке GSap.

Запуск

Для запуска проекта локально необходимо:

git clone url

а затем

yarn start/npm i для установки зависимостей, а далее

yarn start/npm start

Запускается на http://localhost:3000 в браузере.

Демонстрация интерфейса