https://github.com/yuriyvyatkin/historical-dates
Исторические даты - анимированное представление исторических событий
https://github.com/yuriyvyatkin/historical-dates
gsap react scss swiper typescript
Last synced: 8 months ago
JSON representation
Исторические даты - анимированное представление исторических событий
- Host: GitHub
- URL: https://github.com/yuriyvyatkin/historical-dates
- Owner: yuriyvyatkin
- License: mpl-2.0
- Created: 2023-06-21T15:46:55.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-01-08T12:34:07.000Z (almost 2 years ago)
- Last Synced: 2025-01-04T01:37:09.579Z (10 months ago)
- Topics: gsap, react, scss, swiper, typescript
- Language: TypeScript
- Homepage: https://yuriyvyatkin.github.io/historical-dates
- Size: 1.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Исторические даты
**🛠️ Стек**
React + TypeScript + SCSS + gsap + Swiper
**💬 Основная информация о проекте**
Приложение состоит из блока.
Блок содержит информацию о временных отрезках, в каждом из которых существует несколько событий.
При переключении временных отрезков изменяются соответствующие числа и под ними отображается новый слайдер, который содержит подробную информацию по ключевым событиям на активном временном отрезке.
Возможно существование от 2 до 6 временных отрезков. Все интерактивные точки на окружности располагаются на одинаковом расстоянии друг от друга.
Логика блока инкапсулирована.
**📚 Инструкция по запуску**
##### 1. Клонирование
```
git clone https://github.com/yuriyvyatkin/historical-dates.git
```
```
cd historical-dates
```
##### 2. Запуск
```
npm i && npm run start
```
или
```
npm install
```
```
npm run start
```