Веб-приложение Full Pockets для управления историей покупок, бюджетами и расходами

Full Pockets
Тип проекта
Интерактивное веб-приложение с функциями учета покупок и бюджетов
Используемые технологии
Laravel, Vue.js, Inertia.js, Tailwind CSS, NGINX
Адрес в сети

Описание проекта

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

Приложение Full Pockets представляет собой удобный интерактивный инструмент с современным адаптивным дизайном и отличается от типовых известных приложений тем, что предлагает возможности глубокой детализации покупок и мониторинга динамики цен на приобретенные товары и услуги.

Простота в управлении и польза на практике

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

В банковских приложениях, которые предлагают автоматический учет расходов, а также в типовых приложениях для организации личного бюджета мне всегда не хватало достаточной глубины контроля и детализации покупок. Эти приложения некорректно распределяют покупки по категориям, а некоторые вовсе не предлагают никакой детализации и каталогизации.

Я выбрал другой подход к работе с покупками в приложении Full Pockets: вместо автоматизации работы с вводными данными покупок, я внедрил небольшие автоматизации в работе пользователя с системой в разных ее точках, чтобы максимально облегчить ручной ввод данных для пользователей, но при этом предоставить им высокую гибкость и контроль.

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

Это критически важный аспект, так как не существует адекватного API для получения данных чеков из базы данных ФНС в стандартизированном и читаемом формате, и наименования продукции в чеках ритейлеров слишком сокращены и сильно различаются даже между вариантами одной продукции. Поэтому я максимально упростил и облегчил процесс ручного ввода данных и мониторинга собранной информации о покупках, товарах и услугах.

Предположим, вы покупали йогурт несколько месяцев назад. Сейчас вы смотрите на него в магазине, и вам кажется, что его цена изменилась. Чтобы не гадать, вы всегда можете войти в систему Full Pockets даже с телефона и предельно точно узнать, какой была цена на этот товар в тот момент, когда вы добавили его в историю покупок, и как она изменилась к текущему моменту. А первый ввод любого товара или услуги в систему позволяет в будущем быстро выбрать его из выпадающего меню в процессе добавления новой покупки.

Информативный интерфейс без лишних и "декоративных" графиков, не несущих смысловой нагрузки

Нам всем знакомы интерфейсы, которые пестрят разнообразной статистикой и диаграммами, но не имеют практического значения и не несут пользы, хоть и выглядят привлекательно. Я не стал идти по тому же пути в создании интерфейса и визуально оформил только важные и актуальные данные.

Дизайн интерфейса приложения Full Pockets продиктован не соображениями маркетинга, а исключительно его практическим удобством и пользой.

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

Приложение Full Pockets в действии

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

С технической точки зрения, я провел объемную работу по оптимизации SQL-запросов к базе данных MySQL, и это позволяет поддерживать высокую производительность приложения и отзывчивость интерфейса даже при тысячах активных пользователей и на бюджетных опциях VPS.

Интерфейс и функционал Full Pockets в то же время вполне наглядно демонстрируют возможности Vue.js и Inertia.js в работе с интерактивными и нестандартными компонентами, а также мои навыки в дизайне и разработке современных одностраничных приложений (SPA) с помощью этих технологий и PHP-фреймворка Laravel.