An income and expense tracking app

A web app for tracking income and expenses, built for a cleaning company.

The idea: the client enters their expenses by cash register themselves in the app, while income is pulled in from an external MySQL database.

Tech-wise, the frontend is Vue.js with the Ant Design Vue framework, and the backend is PHP on Symfony.

Here's how each page works.

Settings pages

Simple forms for creating and editing cash registers, expense categories and branches - everything you pick from when entering a payment.

Nothing complicated here, standard forms. It looks like this:

Expense entry page

A form for adding a new expense payment to the system. You pick all the payment parameters, and every added payment shows up below.

Income and expense reports

Pages with summary information on all income and expenses, with filtering by date, cash register, branch and more.

The tricky part was pulling data from an external MySQL database hosted on another server.

The solution was a small API that returns the needed data for the given filters. Luckily, there was open access to that server.

Profit summary page

A summary table that puts income and expenses side by side, also with filtering by various parameters.

Tech stack