Personal Budget Tracker

A lightweight, client-side budget tracking application that helps you monitor your income, expenses, and financial goals without compromising your privacy, i was using online sheets though they are nice some of my friends found it hard to visualize their financial picture, this tool is build for me and them to help us visualize how we are utilizing the amount, figure out what is draining the budget and whats not etc.

Key Features

• Privacy First: All data stays local in your browser - no server-side storage
• Interactive Charts: Visual representation of your spending patterns
• Category Management: Organize expenses by custom categories
• Transaction History: Complete log of all income and expense entries
• Responsive Design: Works perfectly on both desktop and mobile devices
• Progressive Web App: Install as an app on your device for offline access

Technologies Used

• Vanilla JavaScript: No frameworks - just clean, efficient JavaScript
• HTML5 & CSS3: Modern web standards for structure and styling
• Chart.js: Beautiful, responsive charts for data visualization
• LocalStorage API: Client-side data persistence
• Service Workers: Offline functionality and PWA capabilities

Features in Detail

Transaction Management

• Add income and expense transactions with ease
• Categorize each transaction for better organization
• Edit or delete existing transactions
• Search and filter through transaction history

Budget Insights

• Visual spending breakdown by category
• Monthly and yearly spending trends
• Budget vs actual spending comparisons
• Export data for external analysis

User Experience

• Clean, intuitive interface
• Fast performance with no loading delays
• Dark/light mode support
• Keyboard shortcuts for power users

This project demonstrates how powerful web applications can be built using just vanilla web technologies, without the complexity of modern frameworks.

GitHub Repository

View the source code and contribute to the project: https://github.com/Eganathan/Dhanika

Feedback

Have suggestions or found a bug? We’d love to hear from you! Please share your feedback through our feedback form.