Current Volume 9
Design and Development of a Real-Time Personal Finance Management System Using Full-Stack Web Technologies
Abstract
In today's fast-paced digital economy, managing personal finances efficiently poses a significant challenge for most individuals. This paper presents the design and implementation of a full-stack web-based Finance Dashboard built on the MERN (MongoDB, Express.js, React, Node.js) stack. The proposed system enables users to track income and expenses, manage category-wise budgets, and receive real-time browser alerts via WebSocket (Socket.IO) when spending approaches or exceeds defined thresholds. Security is ensured through stateless JWT authentication with refresh token rotation and HttpOnly cookie storage, making the system resistant to XSS attacks. Data insights are delivered through interactive visualizations—bar charts for monthly trends and donut charts for category breakdowns—powered by MongoDB aggregation pipelines. The system further supports one-click PDF and Excel exports for financial reporting, allowing users to maintain organized financial records and generate detailed summaries for analysis. Additional features such as recurring transaction handling, server-side pagination, advanced filtering, and responsive dashboard design improve usability and performance across devices. The application follows a three-tier architecture with a dedicated real-time communication layer, ensuring scalability, maintainability, and efficient resource utilization. Performance optimizations including compound indexing, optimized aggregation queries, Redux state management, and Tailwind CSS-based lightweight frontend rendering significantly enhance responsiveness. Evaluated against scalability, security, usability, and real-time responsiveness criteria, the proposed system outperforms conventional personal finance tools and provides a production-ready, self-hostable, and cost-effective solution suitable for modern personal financial management and future intelligent financial planning applications
Keywords
MERN Stack, Personal Finance Management, Real-Time Budget Alerts, Socket.IO, JWT Authentication, Redux Toolkit, Data Visualization, RESTful API, MongoDB Aggregation, Full-Stack Web Development
Citations
IRE Journals:
Faique Shareef, Devesh Kumar, Sumit Kumar, Vipin Rawat "Design and Development of a Real-Time Personal Finance Management System Using Full-Stack Web Technologies" Iconic Research And Engineering Journals Volume 9 Issue 10 2026 Page 3833-3839 https://doi.org/10.64388/IREV9I10-1717113
IEEE:
Faique Shareef, Devesh Kumar, Sumit Kumar, Vipin Rawat
"Design and Development of a Real-Time Personal Finance Management System Using Full-Stack Web Technologies" Iconic Research And Engineering Journals, 9(10) https://doi.org/10.64388/IREV9I10-1717113
About IRE Journals
IRE Journals is an open access online journals established with an aim to publish high quality of research work in various diciplines. We have more than 6 years in publications. Over 2500+ papers already published.
Important Links
For Authors
Volume 8:
Issue 1, Issue 2, Issue 3, Issue 4, Issue 5, Issue 6, Issue 7, Issue 8, Issue 9, Issue 10, Issue 11, Issue 12Volume 7:
Issue 1, Issue 2, Issue 3, Issue 4, Issue 5, Issue 6, Issue 7, Issue 8, Issue 9, Issue 10, Issue 11, Issue 12Volume 6:
Issue 1, Issue 2, Issue 3, Issue 4, Issue 5, Issue 6, Issue 7, Issue 8, Issue 9, Issue 10, Issue 11, Issue 12Volume 5:
Issue 1, Issue 2, Issue 3, Issue 4, Issue 5, Issue 6, Issue 7, Issue 8, Issue 9, Issue 10, Issue 11, Issue 12Volume 4:
Issue 1, Issue 2, Issue 3, Issue 4, Issue 5, Issue 6, Issue 7, Issue 8, Issue 9, Issue 10, Issue 11, Issue 12Volume 3:
Issue 1, Issue 2, Issue 3, Issue 4, Issue 5, Issue 6, Issue 7, Issue 8, Issue 9, Issue 10, Issue 11, Issue 12