gbowne1 / SavvyBudget

A React 18.2 and MUI 5.11 Budget, Expense, Bill Tracker for the home
MIT License
7 stars 3 forks source link

[TODO] Add a dashboard and data visualization panel #10

Open gbowne1 opened 1 year ago

gbowne1 commented 1 year ago

In our budget, expenses, and bill tracking application, there are several features we will have The dashboard should provide users with a clear and concise overview of their finances, allowing them to quickly and easily track their income, expenses, and savings. Some of the features to consider include:

Income tracker: Users should be able to track their income over a given period, such as monthly or yearly. This can help users identify any fluctuations in their income and make adjustments to their budget accordingly.

Expense tracker: Users should be able to track their expenses over a given period, such as monthly or yearly. This can help users identify areas where they may need to cut back on spending and make adjustments to their budget accordingly.

Savings tracker: Users should be able to track their savings over a given period, such as monthly or yearly. This can help users identify areas where they may need to save more and make adjustments to their budget accordingly.

Bill tracker: Users should be able to track their bills and payments over a given period, such as monthly or yearly. This can help users identify any missed or late payments and avoid late fees or penalties.

Budget overview: Users should be able to view a summary of their budget, including their income, expenses, savings, and bills. This can help users get a quick snapshot of their finances and identify any areas where they may need to make adjustments.

Data visualization: The dashboard should provide users with a variety of data visualization tools, such as charts and graphs, that allow them to see their finances in a more visual and engaging way. Consider Chart.js

For the dashboard, we can display a high-level overview of the user's finances using components like Overview, BillCalendar, BudgetProgress, TopExpenses, SavingsGoalsProgress, and AccountBalances. These components can display charts and graphs to show the user's income, expenses, and savings. The dashboard can also display a list of upcoming bills and their due dates, the user's progress towards their budget and savings goals, and the user's account balances for checking, savings, and credit cards.