Open Finapp
Руководство

Введение

Финапка - бесплатное приложение с открытым кодом для управления личными финансами.

Ведите бюджет, анализируйте расходы и контролируйте финансы с любого устройства.

Попробовать демо

Откройте в браузере и оцените все возможности без регистрации

GitHub

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

Граф знаний

Интерактивная карта архитектуры кодовой базы

Возможности

Управление финансами

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

Аналитика

  • Графики - линейные и столбчатые диаграммы с отображением средних значений
  • Отчёты - детальная разбивка по категориям, кошелькам и периодам
  • Периоды - анализ по дням, неделям, месяцам и годам с быстрой навигацией
  • Фильтры - выбирайте диапазон дат, категории и кошельки для точного анализа

Удобство

  • Работает везде - адаптивный интерфейс для десктопа, планшета и телефона
  • Устанавливается как приложение - добавьте на главный экран и используйте как нативное приложение (PWA)
  • Офлайн - работает без интернета, автоматически синхронизируется при подключении. Подробнее в разделе Авторизация
  • Два языка - русский и английский интерфейс

Персонализация

  • Темы - светлая, тёмная и автоматическая по системным настройкам
  • Цвета - выбирайте основной и фоновый цвет из 20+ вариантов
  • Скругления - настройте степень скругления элементов интерфейса
  • Дашборд - включайте и выключайте виджеты, выбирайте вид графиков и списков

Начало работы

Можно сразу попробовать Демо-режим без регистрации - приложение загрузит примеры кошельков, категорий и транзакций.

Для полноценного использования войдите через Google, чтобы синхронизировать данные между устройствами.

Онбординг

При первом входе Финапка проведёт через пошаговую настройку. На каждом шаге отображается описание и одна кнопка действия:

  1. Создайте кошелёк - пока нет ни одного кошелька, приложение предлагает создать первый. Кнопка ведёт на страницу создания кошелька.
  2. Создайте категорию - после создания кошелька появляется предложение создать первую категорию. Кнопка ведёт на страницу создания категории.
  3. Добавьте транзакцию - когда есть и кошелёк, и категория, приложение предлагает записать первую операцию. Кнопка открывает форму транзакции.

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

Горячие клавиши

Финапка поддерживает клавиатурные сочетания для быстрого доступа к основным функциям (только десктоп):

КлавишаДействие
Cmd+GОткрыть/закрыть форму транзакции
Cmd+\Скрыть/показать боковую панель
EscapeЗакрыть форму транзакции
EnterПодтвердить действие в диалогах (удаление, подтверждение)

На Windows и Linux вместо Cmd используйте Ctrl.

Технологии

  • Vue 3 - реактивный компонентный фреймворк
  • Nuxt 4 - мета-фреймворк для Vue
  • Nuxt UI - библиотека компонентов
  • Tailwind CSS - утилитарные стили
  • Supabase (Postgres) - бэкенд база данных
  • PowerSync - синхронизация offline-first
  • Supabase Auth - аутентификация (email/пароль)

Следующие шаги