Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

tracking application

tracking application

a flutter application for budgets and keeping track of transactions.

i built this because i couldn’t find any application that allowed a custom or a 4-week period.

allows authentication with firebase and uses firestore as a cloud database on top of using the devices’ local database as backup.

features include:

  • statistics
  • custom periods
  • recurring transactions
  • custom categories
  • filters

and more…

to run

tracking application

to build this application and run it on your device or an emulator, you need:

  • flutter
  • android sdk
  • xcode if you wish to run ios

follow the instructions here to set up: https://flutter.dev/docs/get-started/install.

demo

tracking application

the first screen is the login page.

tracking applicationtracking application

click on register to create a user.

register

tracking application

alternatively, you can log in with your existing credentials.

login

tracking application

the home page is a list of transactions.

home_empty

tracking application

let’s add a transaction. i bought an app from the play store for $1.99.

add_tx_gpstore

tracking application

i can also choose from a preset of categories. let’s choose games & apps.

add_tx_gpstore_category

i also want to add an income. i sold my car for $5000. i chose transportation as the category.

home_sold_car

say i wish to create a custom category for things i’ve sold.
let’s open the menu and go to categories.
this page displays a list of all the categories.
you can choose to show these in the transactions page by selecting/unselecting individual categories and change the order it is displayed in the dropdown.

menu_open_from_home

categories_default

but we are here to create a new category, so click on the floating + button.
in the category creation/edit page, you can specify the name, the icon (from materialicons), and the colour.

add_category_sold_name

icon_selection

colour_selection

add_category_sold_finished

click add and at the bottom of the list, voila!

categories_sold_added

you can click on each category to edit them, if you wish.
for now, let’s go back to the car transaction and change the category.
in the category dropdown, you can see that items sold is now available to use.
select the category, save, and the transaction is now updated.

car_tx_sold_category

home_tx_sold_category

i just bought another app from the play store and wish to add a transaction.
as soon as i start typing, transactions from the past that starts with the same name are suggested.
choose the suggestion. the name and the category are changed for you. enter the rest of the details and save.

add_tx_gpstore2_suggestions

add_tx_gpstore2_details

now that you have a few transactions, let’s check out our statistics.
you can swipe to the left or click on statistics.

statistics--1-

there are three main views:

  • all-time
  • period
  • custom

the all-time tab shows you stats from your first-ever transaction.
the period tab shows you periodic stats, which you can select from the dropdown.
the custom tab shows you stats from the range of transactions that can be set in preferences, or you can use the date selector to select the start date in which to show the stats from. (todo: allow end date selection)

the statistics page currently has the following information:

  • balance
  • remaining days in current period / remaining balance per day
  • actual income / expenses
  • expenditure per category (todo: consider income? preferences)
  • top expenses

statistics

stats_categories

stats_top_expenses

the transactions can be filtered from the home page (transactions or statistics). this filter is shared and affects the statistics.
you can filter by income/expenses or by categories.

filters

there is also a search function at the top of the transactions list.

another useful feature is custom periods. by default, periods are set by month.
in the periods menu, let’s add a custom period.
i want a 4 week custom period that starts this friday.
don’t worry about past transactions, this will set the past periods properly from any set start date.
let’s also set this as the default (active) period.

periods_empty

add_period_4_weeks

i’ve also added a 2 week period to show that the active period is highlighted in blue.

periods_active_4_weeks

back to the home page and the transactions list, and we can see that the transactions are split in different periods.
the first two transactions were added on june 11 (before the current period started), and the last one was added on the 12th.

home_custom_period

the statistics page > period tab also shows the updated period and any other periods that have transactions.

statistics_custom_period

another feature that is essential are recurring transactions.
we can add this from the menu > recurring transactions.

recurring_transactions_empty

let’s say i want to give my little brother $5 for the next 5 days.
i can set the next date (or the start date), transaction details, the frequency, and if applicable, the end condition using either the number of times i would like, or the end date.

add_recurring_transactions_allowance

recurring_transactions_allowance

now that the recurring transaction is added, let’s go to the home page.
since we set the next date for today, the transaction is already added.
(note: the allowance transaction shows up before the google play app purchase because recurring transactions are added with the time set as 00:00)

home_recurring_transaction

the last item in the menu are the preferences.
you can currently change these items in preferences:

  • custom range for the custom tab in statistics
  • default tab in statistics when opened
  • reset preferences

preferences


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Comments are closed.