History Dates

History Dates - интерактивное приложение, позволяющее пролистать наиболее значимые исторические события, произошедшие в разные периоды ХХ века. Приложение имеет шесть исторических промежутков от 1905 до 2022 г., и шесть различных тематик отображаемых событий.

В приложении реализован следующий функционал:

• приложение создано с использованием TypeScript, React и React Hooks (useState, useRef, useEffect). В качестве дополнительных библиотек были использованы Swiper JS (слайдер событий) и react-spring (анимация смены дат);
• приложение имеет адаптивный интерфейс, реализация выполнена по принципу Mobile First с контрольными точками 320 и 768px;
• на десктопной версии приложения смена тематики выполняется вращением "колеса событий", в мобильной версии этот функционал реализован в виде селекта с выпадающими темами. "Колесо событий" и селект имеют взаимную обратную связь.
• слайдер событий выполняет сортировку событий по годам, сортировка по возрастанию;
• разметка приложения выполнена по методологии БЭМ, стилизация приложения реализована с использованием styled-components;
• для сборки проекта используется Webpack;