This repo contains the source code of an Personal Finance Website named Fintrack which was created using Next.Js and Firebase for authentication and Data storage.
FintrackDemo2.mp4
This App allow users to login either with their google account or as a guest.
This homepage shows various important metrics like:
- Total Balance: which is the total amount after substracting total expenses from the total income.
- Expenses List: The expenses are divided in categories and are displayed with total expenses and the color to indicate the categories.
- Doughnut Chart: This shows the breakdown of expenses in each category using doughnut chart as shown below.
This modal shows the Income History with its description, amount,date and time at which income was recorded. It also allow user to add and delete Income from the Income History.
This modal allows user to add an expense with an amount with a category from the provided options.
This modal allow user to view the expense history based on category, allows the deletion of a category and also deletion of individual expense from the expense History list.
This FinTrack App provides various features such as:
- Adding Expenses
- Adding Income
- Adding Category
- Deletion of Expenses
- Deletion of Income
- Deletion of Category
- History view of Income
- History view of Expenses
- Doughnut chart of Expense Breakdown
- Authentication using Firebase
- Add
.env.localfile with variable defined in.env.examplewith appropriate values. - Install Dependencies using
npm install - Run the server in Development mode using
npm run dev - To build this project use
npm run build
Click this link to see the live demo of this repo: Fintrack