WalletGuard : An expenditure tracking app built in React

Table of contents :

1. What is WalletGuard?
2. Tools requirement to build WalletGuard Application
3. How it works?
4. Results
5. Contact Me

1. What is WalletGuard?

Wallet Guard is a simple expense tracker app that supports speech recognition for quick input. You can enter your incomes/expenses with your voice .i.e no need to type. It will help you to note, delete and categorize your incomes/expenses for easy budget management.

2. Tools requirement to build WalletGuard Application

1. Editor : Visual Studio Code
2. Languages : HTML, CSS, JavaScript
3. Libraries : ReactJS, MaterialUI, ReactDOM, ReactChartJS, SpeechlyReactUI
4. API : Speechly
5. Database : Speechly-Utterances

3. How it works?

Wallet Guard is a single page web application for expenditure tracking. It consists of several react components like Details, Form, Menu, List, Snackbar etc. It uses Speechly API’s to store the data in the form of segments. It supports voice based commands to add expense, income and to cancel the transaction. One can delete the transaction manually as well.

Flowchart:

1. Home Page:

2. Adding Incomes:

3. Adding Expenses:

4. Result

Demo Video : Click Here!

5. Contact Me

Pavankumar Khot : LinkedIn | Github | Gmail