Skip to main content

Dexie Finance Tracker

Project link : Dexie Finance Tracker

CRUD stands for Create, Read, Update and Delete

Project Overview​

Introduction​

I first saw this idea on Techgig, GitHub Co-Pilot Hackathon when i was surfing through websites force some hackathons. I liked the idea and thought of implementing it in my own way. First it needed some database to store the data, just few days i go to know about IndexedDB and Dexie.js how we can use database in browser itself and it is very easy to use.

Goals​

Goals of this project is to make a finance tracker which can keep track of your expenses and income. and also show you the statistics of your expenses and income.

Technologies Used​

  • Angular
  • IndexedDB
  • Dexie.js
  • TypeScript
  • HTML
  • CSS
  • Angular Material

Features​

Privacy​

All the data is stored in your browser itself. No data is sent to any server or transmitted in any form as long as you don't do it yourself or clear the browser data your data is safe.

Income/Expense​

you can do CRUD operations on your income and expenses. Two pages are there for income and expenses. in each page you can add, edit and delete your income and expenses.

Table view of income and expenses is made. Sorting and filtering by any paramater is also available.

Visualizations​

ChartJS is used for visualizations of incomes and expenses.

Future Work​

  • A back-sync feature to sync data between devices.
  • statistics of income and expenses.
  • More visualizations.