Делал заказчику веб-приложение по криптовалюте и меня попросили сделать какой-нибудь крутой таймлайн по истории криптовалюты. Ну и я сделал. В 3D. На чистых CSS и JavaScript
Ссылка на демо: it.congritta.com/hoc
Исходный код: github.com/congritta/hoc
Работает только на десктопных системах!
В двух словах о проекте
Есть пространство. На нём расставлены события из истории криптовалюты. Таймлайн можно приближать и отдалять (колёсиком мышки). При наведении на событие показывается информация о нём. События распределены по приоритетам (чем больше и ближе к зрителю кружочек, чем выше приоритет у события).
Таймлайн написан на чистых HTML, CSS, JavaScript для встраивания в веб-приложение заказчика (что-то типа микросервисной архитектуры, только на фронтэнде). Мне дали полный карт-бланш на продумывание дизайна и физики таймлайна. Ну и я решил сделать его в небольшом 3D (насколько это позволяет CSS) мол пользователь заходит и летает среди матрицы событий из истории криптовалюты.
Увы, заказчик через какое-то время отверг концепцию (не буду и не могу раскрывать подробности), но мне разрешили выложить изначальный концепт таймлайна и его исходники в интернет (ибо эти исходники в проекте больше никак не используются)
Итоги
Проект хостится на GitHub Pages по адресу (git.congritta.com/hoc) (не стал для этого проекта покупать отдельный домен, поэтому он висит на поддомене моего домена zaebis.site). Исходный код проекта открыт и доступен на github.com/congritta/hoc. Бэкэнда у проекта нет
На разработку проекта ушло около 20 часов. Дизайн и физика придуманы и реализованы с нуля.