900 человек, 0 программистов и 1 нейросеть: как я, замглавного инженера, запилил свой трекер привычек, не зная React
Доброго времени суток. Меня зовут Александр, я заместитель главного инженера по электрооборудованию и работе с персоналом в одном энергетическом филиале. Под моим крылом — 900 человек, куча киловатт и ни одного программиста в штате (если не считать парней из АСУ, которые номинально числятся инженерами-программистами, а по факту меняют картриджи в принтерах и молятся, чтобы старое ПО не рухнуло).
Так вот, прокачивая свои скиллы в проектном и продуктовом менеджменте, я случайно наткнулся на термин «вайбкодинг». Если по-простому: ты описываешь идею на русском (или любом другом человеческом), а нейросеть пишет за тебя код. Ввёл это понятие в начале 2025-го Андрей Карпатый — спасибо ему, теперь у нас, энергетиков, есть оправдание, чтобы лезть не в своё дело.
Изначально я хотел сделать канбан-доски для визуализации работы наших отделов. Да-да, мы до сих пор живём без них, и адская бюрократическая машина работает как швейцарские часы (ладно, почти всегда). Но, как любой уважающий себя завхоз от электроэнергии, я быстро впал в фрустрацию от мысли о согласованиях, внедрениях и бесконечных «А это точно надо?». В общем, отложил эту идею в долгий ящик (но я вернусь, честно, просто пока не готов к этому уровню боли) и решил заняться тем, что давно зрело в голове. Вот так на свет и появился мой личный трекер для развития. По чесноку — мне было в лом перебирать десятки приложений для привычек. Из того, что видел, ни один не закрывал все мои хотелки: я искал инструмент, который показывает прогресс и в сумме, и по отдельным векторам — будь то физическая форма, духовные практики, рабочие скиллы или умение не срываться на подчинённых после плановых проверок. Ну, спойлер: сделать идеальный с первого раза у меня, конечно, не вышло, но об этом позже.
Дальше — выбор платформы. Я пообщался с DeepSeek (тут надо сделать лирическое отступление: до вайбкодинга я даже VPN не настраивал, так что никаких тебе Claude или GPT, максимум — Алиса. Алиса, кстати, милейшая, но с высокими моральными принципами). Короче, DeepSeek посоветовал Lovable — сказал, что для новичков это прям лампово, а по дизайну MVP выглядит уважаемо. Ну а мне-то что, я за — погнали.
Был сформирован промт, который звучал максимально уверенно (по крайней мере, для меня): «Сделай MVP приложения “Personal Growth Tracker” на React + TypeScript + Tailwind. База — Supabase. Авторизация через email/пароль.» Единственное, что я реально понимал в этом наборе слов — это «Supabase». Ну, потому что «база» — это логично, там данные хранятся. Звучало солидно, я прямо проникся.
Теперь вернёмся к философии. Мои «физическая форма», «духовность» и «рабочие компетенции» — это не просто папки в голове, я сделал их полноценными аспектами в приложении. А внутри каждого аспекта — активности: чтение книг, зарядка, медитация, изучение новых нормативных документов (куда без них). Самое вкусное — я прикрутил вес каждой активности в процентах. Чтобы я смотрел на эту цифру и думал: «Вау, я сегодня вырос на 1%! Ещё 364 таких дня — и я буду непобедим». И знаете, без иронии — это реально работало. На протяжении всего использования я кайфовал, глядя на то, как ползут эти процентики. Это был тот самый дофаминовый крючок, которого мне не хватало в Excel-таблицах ( нет, я этого не умею делать в Excel).
И, конечно, куда без визуальной красоты. Прикрутил кольцо баланса — чтобы всё было как у настоящих продуктовых гуру: одним взглядом видно, где я молодец, а где пора браться за голову. А отдельной вкладкой запилил персонажа — сидит такой в медитативной позе, дзен-будда, а вокруг него расположены все аспекты. И он в них прям приисполняется, понимаешь? Растёт, наполняется, типа визуализация внутреннего прогресса. Чисто для души, без практической пользы, но зато глаз радует и мотивирует не забрасывать. В общем, теперь у меня есть свой маленький цифровой дзен-садик.
На этом этапе стоит сказать, что lovable к тому моменту уже начал лагать как падла. Приложение то открывалось с 10-20-го раза, то вообще выдавало белый экран, и я тупо смотрел на него, как на картину Малевича, размышляя о бренности бытия и своих инженерных амбициях. Но я всё равно продолжал колдовать — добавил в активности возможность записывать инсайты, ощущения и то, что именно я внедрил из прочитанного/освоенного. И тут до меня дошло: на хостинге этой богадельни моему детищу жизни нет. Надо переливать.
Выбор пал на Cloudflare Pages. А если честно, сначала я рванул на Vercel — он показался мне поприятнее, и я даже успел там захоститься. Но, нарвался на банальные трудности, которые любой школьник-айтишник решил бы за пять минут, а я провозился пару часов. И знаете кто меня спас? Гуру Claude. Он разложил всё по полочкам за один диалог. Я бы избежал этих граблей, если бы обратился к нему сразу, а не продолжал упёрто следовать указаниям DeepSeek, теряя драгоценное время, нервы и остатки самооценки. Но опыт есть опыт. Если кратко, я начал после рехоста вручную добавлять базу, из Supabase, а она уже была создана Lovable, само собой я думал, что она осталась в Lovable, по этому экстренно создал новую, и API ключ я не знал где найти, по этому после авторизации выдавало invalid API key.
В общем, самое ценное в этой истории то, что столкнувшись с трудностями, я мог бы пойти на профильный форум для разработчиков. Но нет. Я пошёл в свой анимешный чатик.
Да-да, при всей серьёзности моей должности, я ещё тот нефор в душе. И очень рад, что после 30 открыл для себя все эти аниме, манхвы, манги — это отдельный вид терапии, кстати. И там нашлась милая девушка-разраб. Она дала пару дельных советов, а главное — предложила прогнать мой код через ИИ-агента, а не тупо переписывать руками. Вот здесь я наконец-то оплатил VPN, перестал быть цифровым аборигеном и начал юзать Claude по-взрослому. Дело сделано. База переподключена, белый экран сменился на долгожданный интерфейс с моим дзен-персонажем и процентами прогресса. Теперь осталось самое приятное — юзать приложуху и кайфовать, глядя, как я расту.
Про пользовательский опыт, я расскажу уже в другой публикации. Спасибо за внимание.