Сделал сайт для визуализации жизни исторических людей1
У меня наконец-то появилось что-то, что подойдёт под пятничное [моё], поэтому хочу им поделиться: https://chrono.ninja/
Предыстория
Последние пару лет в ходе игр в квизы да и просто обсуждений с людьми натыкался на то, что совершенно не помню, кто когда из исторических личностей жил -- вплоть до того, что не всегда даже представляю век, о котором идёт речь. Поэтому в какой-то момент решил, что с этим нужно как-то бороться.
Конечно, если что-то хочешь запомнить, оно должно висеть у тебя перед глазами. Над монитором дома как раз было пустое место, поэтому я решил повесить бумажку и постепенно её заполнять. Начал, конечно же, с Александра нашего Сергеевича, да что-то, что в голову пришло, нарисовал вокруг него. Хватило меня на 10 имён, после чего пришло осознание, что нужно бы ещё как-то и масштабы соблюдать. Но для первой пробы может и ничего.
Вот такая вот бумажка висит у меня над компьютером как напоминание, что в печатном виде это делать -- гиблый номер. По обе стороны от неё -- ещё 2 пустых листа, которые я так и не заполнил.
Бумажка сыграла свою роль -- годы жизни людей на ней я действительно запомнил, но дальнейшего развития она так пока и не получила.
Зато пришла в голову идея нарисовать всё это в каком-нибудь графическом редакторе. Фигма с её бесконечным полем звучала как неплохой вариант, небольшие навыки в ней у меня уже были, поэтому я взялся за дело. Здесь уже было полегче -- масштаб соблюдать было относительно легко, прямоугольнички можно было двигать, чтобы получалась более компактная упаковка, поэтому я открыл разные сайты вроде "100 великих людей", и принялся за дело. Вот что у меня получилось:
Стало сильно лучше, но уже тут видна проблема -- если группируешь людей по роду деятельности, то люди из одного государства уже не будут рядом. Если группируешь по государству -- не различишь их по роду деятельности. Да и раздуваться по вертикали снова начинает достаточно сильно.
Где-то в это время приходит понимание, что, без интерактива никуда, а, значит, нужно делать сайт.
Сайты-одностраничники я до этого делал лет 5 назад в рамках курса по react, но ни нормального Backend, ни в целом процедуры создания полноценного сайта не проходил никогда. Но много слышав про вайбкодинг в целом и про Cursor в частности, решил попробовать, ещё слабо представляя, какой именно инструментарий мне нужен.
Нейросетками для повседневных запросов я пользовался и раньше -- и документы какие-то помогали составить, и простые скрипты. Но особых надежд, что получится вполне адекватный сайт, не питал. Как оказалось, зря.
Конечно, приходилось продираться через баги, на которых нейросеть зацикливалась, иногда разбираться в коде самостоятельно, а некоторые части переписывать с нуля, в конечном итоге мне нравится результат, поэтому и решил им поделиться.
Пока выбирал, как назвать сайт, и где его хостить, узнал, что, оказывается, существует домен верхнего уровня .ninja. Вспомнив печеньку-ниндзя, режущую лук, решил, что что-то подобное рано или поздно захочу сделать маскотом сайта. Пока, увы, не нашёл для того, чтобы сделать и это, но обязательно доберусь...
О сайте
Итак, сайт https://chrono.ninja нужен для того, чтобы визуально наглядно видеть, кто когда жил, кто с кем пересекался во времени (а, значит, может быть даже встречался или переписывался?), и прочее, прочее.
Основная страница -- таймлайн, на котором всё и отображается.
Людей сейчас добавлено чуть больше 250, но многие данные также пока сгенерированы нейросетью и не всегда идеально выглядят так, как хотелось бы мне. Тем не менее, на каждого из них можно навестись, чтобы посмотреть информацию быстро или нажать, чтобы увидеть подробности.
Вторая по важности страница -- списки. На ней вы можете сами добавить новых личностей.
Если отправить их на согласование, то после проверки они появятся в общем списке и на таймлайне.
А ещё можно сделать свой список и поделиться им -- туда вы можете добавить личностей даже из черновиков. Поэтому если вдруг захотите сделать свой собственный таймлайн, состоящий, скажем, из жителей Средиземья -- никаких проблем!
Заключение
Конечно, ещё куча планов -- не все баги пофикшены, не везде UI понятный и удобный. Ещё много людей должно быть добавлено, а в будущем хочется дать возможность добавлять и не связанные с людьми периоды (как, например, войны между странами) и "мировые" события, которые не свяжешь с одним человеком.
В общем, планов много, но уже хочется делиться тем, что есть. Надеюсь, что сайт покажется полезным, но панаму на всякий случай оставляю.