Expense Tracker is a JavaScript-focused web application designed to help users register, categorize, and analyze personal expenses. The project simulates real-world financial tracking scenarios, allowing users to manage budgets, calculate totals, and visualize spending behavior through dynamic UI updates.
• Add and remove expenses dynamically
• Categorize expenses and calculate totals per category
• Display highest expense and remaining balance
• Real-time interface updates based on user input
• HTML5 and CSS for structure and layout
• JavaScript for business logic, data handling, and DOM manipulation
• index.html, main application markup
• styles/, CSS stylesheets
• scripts/calculation.js, core application logic
• Clone or download the repository
• Open index.html in your browser
Optional (recommended):
• Run a local server (e.g. VS Code Live Server) to avoid path issues and better simulate a real environment
✅ Completed
The core functionality is fully implemented. Possible improvements are listed below.
The application logic was structured using modular JavaScript functions to clearly separate calculation logic from UI updates. Arrays and objects were used to store expense data, while loops and conditionals process totals, categories, and balance calculations. Return values were designed to keep functions reusable and predictable.
Delivered a functional expense tracking application with dynamic data handling and responsive UI behavior. The project strengthened practical JavaScript skills, including function design, state management, DOM manipulation, and conditional logic.
• GitHub: https://github.com/RodrigoMZanetti • LinkedIn: https://www.linkedin.com/in/rodrigomaturanozanetti/