Проект: Карта травм — отмечай свою историю  Публичный пост
14 декабря 2025  124
Карта травм - отмечай свою историю
https://injury-map.fun/

Что это?

Карта ваших переломов и травм. С офигительными историями как такое произошло.
Можно выделить кость, выбрать месяц и год и описать: вышел из бара, ввязался в драку с бомжами.
Проще показать — вот моя карта: https://injury-map.fun/view/my-attempts-to-crash

Откуда идея?

В августе я был в походе в Узбекистане, и там после досадной травмы участника мы разговорились о том, кто что ломал.
Перечисляя свои переломы, у меня появилась идея — а прикольно бы где-то иметь их карту на память. И её всем показывать.

А еще хайп AI вокруг, я ежедневно пользуюсь для разных задач, но с нуля приложение писать так еще не пробовал. Решил, что эта идея отлично подходит.

А как делал?

Код тут: https://github.com/z17/fracture-map

Скоуп

Идея была — пильнуть быстро за пару вечеров. Значит нужно выкинуть все побочные идеи.
Будет скелет, на него можно кликнуть, выбрав кость, и добавить текст - описание с датой. Потом скачать что получилось или отправить ссылку другу
Редактирование? Никаких регистраций. Секретная ссылка и нормально

Процесс

Технологии: выбирал не сам, а с AI. TS, React, NodeJS, Express
Деплой на свой VPS, базу взял MongoDB

Писал проект через Augment code, это инструмент поверх LLM моделей, встраивается в IDE (я через IDEA). Раскладывает запрос на подзадачи и их последовательно выполняет, редактируя файлы. Показывает diff, запускает и проверяет проект.
Умеет в терминал, но на каждую команду получает апрув от вас. Это, конечно, стремный момент, сразу думаю про уязвимость в виде промпта, который предлагает незаметно исполнить rm -rf

Ссылка: https://www.augmentcode.com/

Под капотом он может использовать разные модели (Claude, Sonnet, GPT, ...)

Опыт использования - пушка, когда пишет проект с нуля, получается отлично.
Тут он всё сделал сам, кроме самого сложного - схемы скелета. Я и не рассчитывал что получится - выходило убого. В итоге взял скелет из Википедии, он в SVG, и тут модель уже смогла по нему обработать клики, выделять элементы и тп.
Далее тезисно

Что понравилось:

  • работают хорошо команды даже "сделай лучше" "кнопка некрасивая - сделай более стильной" и тп
  • может вернуться к своему прошлому результату, проанализировать его и отрефакторить
  • когда зависал на создании какого-то файла, следующей командой "ты завис" возвращался к задаче и продолжал
  • перед началом классно просить не писать проект, а написать план по этапам всего проекта, потом поправить план и дальше пошагово модель будет по нему двигаться

Что было сложно:

  • иногда проблему чинил, ходя по кругу. Иногда выходил из него сам, предлагая новое решение, иногда надо было навести на это решение.
  • если не контролировать его решения, будет заниматься ненужным усложнением. Типа предлагает установить библиотеку ради тривиальной функции, которая работает из коробки
  • мелочи бывает править быстрее самому, чем просить его

Что он не смог и я делал сам/иначе:

  • генерация иконки: я мучал chatGPT ради этого
  • SVG скелета - те кости, что были плохо размечены, я вручную доразмечал

Сколько заняло времени?

Мне кажется, вечера 4-5. Как обычно 80% была готова за первые два, потом полировал и правил мелочи.

Сколько заняло денег?

  • AI: 35$: были бесплатные 20 или 30к кредитов, затем купил план за 20$/месяц (30к кредитов) и докупил за 15$ еще 24к
  • Домен: 2.57$ на porkbun за первый год
  • VPS: бесплатно, потому что уже был

А что по запуску?

Вот эта статья - часть запуска. На самом деле ответ "ничего", в таком скоупе проект заведомо в стол и ради фана / эксперимента. А запуск: написать в свой тг-канал, сюда, в линкедин, добавить в резюме возможно

Какие планы?

Никаких
Идею можно углубить и сделать не фановое, а что-то полезное, но планов так делать пока нет

3 комментария 👇
Никита Бочаров Главный научный сотрудник 8 часов назад

Не хватает мягких тканей.
Я помимо травм костей еще рвал бицепс, несчетное число раз растягивал голеностоп, повреждал суставы и связки.
Было бы круто добавить слои с мышцами, связками. Может еще кожей (крупные ожоги например)

  Развернуть 1 комментарий

@bocharov_na, да, согласен. В идеале слоями, чтобы видеть то мышцы, то связки, то кости

Но сделать это красиво и при этом интерактивно - сложно и требует кучу времени. А костями повезло найти красивый SVG из википедии, которым можно пользоваться в своих проектах.

Решил, что можно помечать растяжения так же просто на скелете :)

  Развернуть 1 комментарий
  Развернуть 1 комментарий

😎

Автор поста открыл его для большого интернета, но комментирование и движухи доступны только участникам Клуба

Что вообще здесь происходит?


Войти  или  Вступить в Клуб