Personal Finance Tracker

(Overview)

Apersonalfinancemanagerdesignedtogiveusersclearvisibilityintodailycashflowandspendingpatterns.Itcombinesquicktransactionentrywithinteractivedatavisualizations,helpingindividualstrackwheretheirmoneygoesthroughautomatedcategorybreakdowns,monthlycomparisons,anddailyspendingtrendlines.

(Architecture)

ThefrontendisbuiltwithReact19andReduxToolkitforauthentication,communicatingwithanExpressAPIthroughAxiosrequestandresponseinterceptors.ThebackendmaintainsseparateMongoDBcollectionsforexpensesandincomes,linkedtouserdocuments.Userslogtransactionswithamount,category,date,anddescription.Aduplicatedetectioncheckqueriesexistingrecordsbeforesavingtopreventaccidentaldouble-submits.Thetransactionledgersupportsin-placeinlinerowediting,allowinguserstomodifydates,categories,oramountsdirectlywithinthetableviewwithoutopeningmodaldialogs.

(Engineering)

BuiltthreedistinctMongoDBaggregationpipelinestoconvertrawtransactiondatesandamountsintoactionablevisualizations.UsingtoDateconversionsanddateTruncoperators,thebackendcomputesmonthlyspendingtotals,categorydistributions,anddailyspendingtrendlines.ThefrontendrendersthesedatasetsusingRechartsbarandlinecharts,completewithdynamicyearfilters,highestandlowestspendingindicators,andaveragespendingcalculations.Whenauserrequestsaccountdeletion,acascadingdatabaseroutinepurgestheuserprofilealongsideallassociatedincomeandexpenserecords.