Приложение для учета доходов и расходов

Недавно разработал веб-приложение для учета доходов и расходов для клининговой компании.

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

По технологиям. Приложение фронтенд часть писал на Vue.js на базе фреймворка Ant Design Vue. Бэкенд написан на PHP (фреймворк Symfony).

Теперь подробнее про каждую страницу, как это работает.

Страницы настроек

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

Здесь нет ничего сложного, стандартные формочки.

Выглядит примерно вот так:

Страница добавления данных о расходах

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

Отчеты по доходам и расходам

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

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

Как решение, разработал небольшое API, которое выдавало нужные данные по заданным фильтрам. Хорошо, что был свободный доступ к стороннему серверу.

Страница P&L отчета

Сводная таблица с данными расходы и доходы. Также предусматривается фильтрация данных по различным параметрам.

Технологии