ExpenseIQ: Design And Implementation of a Client-Side Web-Based Personal Expense Management System

Personal financial mismanagement among young adults and college students remains a persistent and widely documented problem across India and globally. The absence of lightweight, privacy- preserving, zero-setup expense tracking tools that work directly in a web browser represents a significant gap in the personal finance technology landscape. This paper presents ExpenseIQ, a client- side multi-page web application for personal expense management built entirely using HTML5, CSS3, and vanilla JavaScript ES6, with data persistence implemented through the browser's localStorage API. The system provides four functional modules: a Dashboard with real-time summary statistics and Chart.js-powered doughnut chart visualization, a History module with live keyword search, category filtering, and multi-mode sorting, a Budget Tracker with per-category monthly limit setting and three-tier color-coded progress bar alerts, and an About module for project documentation. The complete application is implemented in ten files totaling approximately 65 kilobytes, requires no installation, account creation, backend server, or internet connectivity beyond the initial CDN resource load, and stores all user data exclusively in the browser's localStorage, addressing the privacy concerns associated with cloud-based personal finance platforms. Functional testing across twelve test cases confirmed correct behavior for all features. Performance analysis confirmed initial page load times under one second and interaction response times under 16 milliseconds. The system demonstrates that a fully functional, visually polished, and analytically capable personal expense management tool can be built and deployed without any server infrastructure.