Я начал ремонт и понял, что не понимаю, куда уходят деньги. Поэтому написал приложение для контроля ремонта (и добавил туда ИИ)

Исходные данные

Я начал ремонт в квартире — это новостройка. До этого мой опыт ограничивался небольшими ремонтами: что-то подкрасить, что-то заменить. Здесь же пришлось погружаться во всё сразу — от замеров и приёмки до закупок материалов, доставки и сборки мебели.

Через пару недель ремонта я поймал себя на простой мысли: я вообще не понимаю, что происходит с бюджетом.

Деньги уходили в разных местах:

  • часть по карте
  • часть наличкой
  • что-то переводами

Параллельно шли разные этапы ремонта, закупки материалов, договорённости с мастерами.

И в какой-то момент начали появляться простые вопросы, на которые у меня не было ответа:

  • сколько я уже потратил на самом деле
  • сколько ещё предстоит потратить
  • на каком этапе ремонта я нахожусь
  • и главное — не выйду ли я сильно за бюджет

Я попробовал таблицы, заметки и банковское приложение. Но всё это быстро превращалось в хаос. В какой-то момент стало понятно: ремонт — это обычный проект. У него есть:

  • этапы
  • бюджет
  • зависимости
  • куча неопределённости

И если это проект — ему нужен инструмент управления. Я решил написать его сам.

Создание

У меня есть опыт разработки больших IT-систем, но с пет-проектами всегда была одна и та же проблема — они редко доходили до продакшена.

В этот раз всё получилось во многом потому, что у меня появился помощник — Claude Code.

По ощущениям это как работать с ещё одним разработчиком: я принимаю архитектурные решения и контролирую код, а многие рутинные вещи делаются гораздо быстрее.

Стек выбрал максимально простой и привычный:

  • React
  • Node.js
  • TypeScript
  • Postgres

Инфраструктуру тоже решил не усложнять. Сейчас всё работает на одном VPS через Docker Compose.

Для деплоя я написал небольшую shell-утилиту, которая делает:

  • обновление приложения
  • миграции базы
  • сервисные операции

Также через Claude я прогнал аудит безопасности и добавил несколько защитных механизмов. Да, инфраструктура пока довольно простая. Я понимаю, что базу данных лучше вынести отдельно, но для текущего масштаба это избыточно. Раз в сутки делаю бэкапы.

Лендинг
Лендинг

Почему Telegram

Самым удобным вариантом интерфейса оказался Telegram Web App. Это сразу решает проблему авторизации — пользователь просто открывает приложение из Telegram. Позже друзья попросили возможность пользоваться приложением вне Telegram, поэтому появилась PWA-версия, которую можно установить на главный экран телефона. А ещё чуть позже я добавил логин через Яндекс ID.

Первая версия за 2–3 недели

Первая рабочая версия появилась примерно за 2–3 недели. Я сделал базовые функции:

  • учёт расходов
  • этапы ремонта
  • структуру проекта

После этого началась обычная жизнь продукта: я постепенно улучшал интерфейс, тюнил UX и добавлял новые функции.

Этапы ремонты
Этапы ремонты

Когда накопилось достаточно данных по ремонту, я начал экспериментировать с ИИ-анализом расходов.

Он помогает смотреть на бюджет немного шире, чем просто список покупок — например показывает, какие категории начинают раздуваться и где бюджет начинает выходить из-под контроля.

Главный экран
Главный экран

Небольшой инсайт про дизайн и ИИ

Отдельный интересный опыт был с дизайном интерфейса.

Я пробовал активно использовать ИИ, чтобы генерировать UI и компоненты. И на первый взгляд это работает очень быстро: можно за пару минут получить готовый экран.

Но довольно быстро появляется другая проблема — всё начинает выглядеть одинаково.

ИИ очень любит делать интерфейсы «под копирку»:

  • одинаковые карточки
  • одинаковые отступы
  • одинаковые кнопки
  • типовой SaaS-дизайн

Если просто принимать первый результат, продукт начинает выглядеть как ещё один клон из тысячи.

В итоге оказалось, что чтобы получить что-то более живое, приходится много работать с промптами: уточнять детали, менять подход, просить переделывать структуру.

То есть ИИ очень ускоряет старт, но уникальность интерфейса всё равно приходится дожимать вручную.

Что в итоге получилось

В итоге приложение закрыло несколько задач, которые постоянно всплывают во время ремонта.

Учёт расходов Можно фиксировать все траты — карта, перевод, наличные.

Расходы
Расходы
Диаграмма
Диаграмма

Этапы ремонта Ремонт разбивается на этапы, чтобы понимать где ты сейчас находишься.

Шаблоны этапов Можно взять готовую структуру ремонта.

Шаблоны этапов
Шаблоны этапов

Совместная работа В проект можно добавить других людей.

Telegram + PWA Приложение можно открыть через Telegram или установить на главный экран телефона.

Сейчас я веду в этом приложении весь ремонт: расходы, этапы и задачи. По сути это стало моим личным дашбордом ремонта.

Итоги и планы

Сейчас приложением активно пользуюсь я сам и несколько моих друзей. В базе уже несколько сотен записей расходов и десятки этапов ремонта. Иногда всплывают баги — это нормальная история для пет-проекта — но я стараюсь быстро их исправлять.

Я пробовал запускать рекламу и сделал небольшой лендинг. Пользователи приходят, но пока не очень хорошо возвращаются. Самое забавное в этой истории — мой ремонт всё ещё продолжается. По плану он займёт ещё минимум полгода. Поэтому я остаюсь главным пользователем своего приложения — и это, пожалуй, лучший способ развивать продукт.

Расходы на проект

Пока всё довольно скромно:

  • сервер — 500–600 ₽ в месяц
  • домен — около 200 ₽ в год
  • подписка Claude — $10 в месяц

Что хочу сделать дальше

Есть несколько идей развития:

  • нативные приложения iOS / Android
  • локальный режим работы, чтобы можно было использовать приложение без сервера
  • развитие ИИ-помощников внутри приложения

Пока это остаётся пет-проектом, но я постепенно смотрю, как люди используют продукт.

Если кому-то актуальна тема ремонта — можно посмотреть приложение:

Буду рад любому фидбеку.