Loading Project Media
JWT
Stateless secure sessions
4+
Interactive chart types
CRUD
Filtered & sortable ledger
(Overview)
Apersonalfinanceappthattransformsrawtransactionlogsintolivingdashboards—monthlycomparisons,categorybreakdownsandtrendlines—securedend-to-endwithJWTauthandbcrypthashing.
(The Challenge)
Financialdatademandsbothcorrectnessandclarity:tokenexpirymid-sessionmustnevercorruptin-flightedits,andrawledgersareuselessuntilaggregatedintohonest,readablevisualizationspeopleactuallycheckdaily.
(The Solution)
Axiosinterceptorshandletransparenttokenrefreshandsession-expiryredirects;aggregationendpointspowerRechartsdashboardsfedbyfiltered,sortedCRUDAPIs;Reduxkeepstransactionsandauthstatecoherentacrosseveryview.
- 01
DevelopedthefullstackapplicationusingtheMERNstackandconfiguredReduxToolkittomanageglobalapplicationstates.
- 02
CreatedinteractiveanalyticsdashboardsusingRechartstovisualizemonthlyincomeandexpensemetrics,categorydistributions,andspendingtrends.
- 03
ImplementedsecureuserauthenticationandauthorizationusingJSONWebTokensandbcryptpasswordhashing.
- 04
BuilttransactionCRUDendpointssupportingdynamiccategoryfilteringandsortingbytransactionamounts.
- 05
ConfiguredAxiosinterceptorstoautomaticallyappendJWTbearertokenstorequestsandhandlesessiontimeoutson401responsecodes.
- 06
DesignedaresponsiveclientinterfaceusingTailwindCSS,implementingalertnotificationsandtableviewsfortransactionmanagement.
Built with
ReactExpressNode.jsMongoDBJWT AuthRecharts.jsTailwind CSS
Haveaprojectinmind?
aitezazsikandar@gmail.com