Семейный бюджет в Интеграме: от Excel к приложению за один запрос
Как собрать семейный бюджет в Интеграме — разбор готового приложения по экранам. Счета с автоподсчётом остатка, план и факт по категориям, цели накопления, долги и рассрочки, регулярные платежи одной кнопкой и фото чека к операции. Со скриншотами каждого экрана и объяснением, как это устроено.
«Как вести семейный бюджет?» — один из самых частых вопросов, и почти у всех ответ начинается одинаково: с таблицы в Excel. Один лист на доходы, другой на расходы, третий на «цели», и ещё файл «долги — не трогать». Пока семья маленькая, это работает. Но стоит завести вторую карту, кредитку и общий счёт-«подушку», как таблица превращается в головоломку: остатки не сходятся, кто-то забыл вписать трату, а на вопрос «сколько мы отложили в этом месяце» уходит полчаса.
Мы решили показать на живом примере, как эта задача решается в Интеграме. Техзадание было буквально одной строкой — «семейный бюджет». Через несколько шагов из неё выросло полноценное веб-приложение с девятью экранами: своими счетами, планом и фактом по категориям, целями, долгами и регулярными платежами. Дальше — разбор по экранам, что именно получилось и как это устроено под капотом.
Сводка — весь бюджет на одном экране
Главный экран отвечает на вопрос «как у нас дела с деньгами» за один взгляд. Сверху — ключевые цифры месяца: сколько всего на счетах, доходы, расходы, сколько отложено (и честное «-10 828 ₽ — тратим больше, чем зарабатываем», если минус) и остаток по долгам.
Сводка собирает всё разом: цифры месяца, исполнение бюджета по категориям, топ трат, прогресс по целям и список регулярных платежей.
Ниже — исполнение бюджета по категориям (где план уже превышен, полоса становится красной), разбивка «куда ушли деньги», прогресс по целям накопления и список регулярных платежей месяца. Ничего не нужно сводить руками: все блоки считаются из одних и тех же операций в реальном времени.
Счета и кошельки: остаток считается сам
Семья заводит свои счета и кошельки с начальным остатком — наличные, зарплатная карта, карта для покупок, накопительный счёт, кредитка, электронный кошелёк. А дальше приложение само пересчитывает текущий остаток по каждому счёту из всех операций.
Каждый счёт показывает текущий остаток (пересчитан из операций) и начальный. Сверху — чистый капитал: активы минус задолженность по картам.
Отдельно наверху — чистый капитал: активы минус долги по кредитным картам. Кредитка с минусом и накопительный счёт с плюсом сразу видны как есть, без ручного сведения.
Операции: доходы, расходы, переводы — и фото чека
Сердце бюджета — операции. Каждый член семьи вносит свои доходы и расходы, а переводы между своими счетами (например, пополнение «подушки») — это отдельный тип, который не искажает статистику доходов и расходов.
Все операции семьи в одном журнале. Фильтры по месяцу, типу, категории, счёту и участнику; сверху — доходы, расходы и разница по текущему фильтру.
Новая операция заводится за полминуты: дата, тип, категория, счёт, сумма, кто совершил и комментарий. К любой трате можно приложить фото чека — прямо из формы.
Форма ввода операции. Категория и счёт — поисковые списки, а к операции можно прикрепить фото чека или файл.
Бюджет: план и факт по категориям
На месяц заранее задаются лимиты по категориям — сколько семья готова потратить на продукты, кафе, детей, путешествия. Приложение показывает план, факт и остаток по каждой строке, а исполнение рисует полосой.
План и факт по каждой категории. Где лимит превышен — строка краснеет; в колонке «Пояснение» видно, почему лимит меняли под события месяца.
Где план превышен — строка краснеет, и наверху появляется предупреждение «превышен лимит в 2 категориях». Лимиты можно менять под конкретный месяц (например, увеличить «Путешествия» перед отпуском) и подписывать, почему.
Цели накопления
Отдельно семья ведёт цели: финансовая подушка, отпуск, новый автомобиль, ноутбук ребёнку к учёбе, ремонт. У каждой цели — сумма, срок, счёт и прогресс.
Цели со статусами «Копим», «Достигнута», «Приостановлена». Взносы складываются в прогресс, и сразу видно, сколько осталось накопить.
Взносы складываются в прогресс: нажали «+ Взнос» — и полоса подросла, а «осталось накопить» уменьшилось. Достигнутая цель («Отпуск в Сочи — 100%») отмечается сама.
Долги и кредиты
Долги ведутся в обе стороны: и «мы должны» (ипотека, кредитка, рассрочка), и «нам должны» (заняли коллеге или родственнику). По каждому — сумма, остаток, ставка, срок и история платежей.
Долги и рассрочки в обе стороны. Платёж уменьшает остаток, а прогресс показывает, сколько уже выплачено.
Каждый платёж уменьшает остаток к возврату, а прогресс-полоса показывает, сколько уже погашено. Наверху — чистый долг: сколько отдать минус сколько получить.
Регулярные платежи одной кнопкой
Часть операций повторяется каждый месяц: зарплата, ипотека, ЖКХ, связь, подписки, взнос в «подушку». Их не нужно вводить руками — они заведены как регулярные платежи с числом месяца и реквизитами.
Регулярные доходы и обязательные расходы по числам месяца. Кнопка «Провести» создаёт операцию сегодняшним числом с этими реквизитами — вводить руками не нужно.
Кнопка «Провести» создаёт операцию сегодняшним числом с готовыми реквизитами — одним нажатием. Сверху сразу видно: сколько обязательных расходов в месяц и сколько остаётся «на жизнь и накопления» после них.
Роли и доступ: кто что видит
Приложением пользуется вся семья, но с разными правами. Владелец бюджета ведёт всё целиком, член семьи вносит свои операции и взносы, а наблюдатель только смотрит сводку и отчёты.
Роли определяют, какие кнопки человек вообще увидит. Чтобы закрыть доступ — достаточно перевести человека в роль «Заблокирован», история при этом сохраняется.
Роли не косметические: от них зависит, увидит ли человек кнопки создания и редактирования вообще. Чтобы закрыть доступ, не нужно ничего удалять — достаточно перевести человека в роль «Заблокирован», и вся его история останется на месте. Технический администратор базы в этом списке намеренно не показывается.
И не только бюджет: семейный список покупок
Тем же способом — из короткого запроса — собирается и соседняя семейная задача: общий список покупок. Жена составляет список, остальные сразу видят его в реальном времени, а любой список можно скопировать («на неделю»), чтобы не набирать заново.
Списки покупок с прогрессом и суммой. Каждый список привязан к автору и магазину, статусы — «Активен», «Куплено», «Архив».
Самое удобное — «Режим покупок»: товары сгруппированы по магазинам, и тот, кто идёт за покупками, по очереди обходит магазины, отмечая большими галочками, что уже взял. Ничего не теряется и не дублируется.
«Режим покупок»: обходишь магазины по очереди и отмечаешь, что уже взял. Сверху — сколько позиций осталось и на какую сумму.
Как это устроено
За красивыми экранами — обычная для Интеграма история: связанные таблицы вместо разрозненных файлов. Счета, категории, участники, магазины — это справочники, а операции, взносы и платежи ссылаются на них. Поэтому «Продукты» везде одни и те же, остаток по счёту пересчитывается сам, а сводка собирается из тех же операций, что вы вносите. Поля выбора — поисковые списки, светлая и тёмная темы поддержаны, а роли определяют права до уровня кнопок.
И главное: всё это выросло не из технического задания на двадцать страниц, а из одной строки. Не нужно было нанимать разработчика и ждать месяцы — приложение с реалистичным демо-набором данных (счета, десятки операций, бюджеты, цели, долги, регулярные платежи) можно открыть и потыкать каждую кнопку.
Если ваш семейный бюджет пока живёт в пяти вкладках Excel — необязательно так и оставлять. Опишите задачу в пару строк, и мы соберём под вашу семью такое же приложение, которое можно протестировать и забрать себе. Расскажите нам о своей задаче →