ExpenseFlow

About the Developer

Itay Goldenberg

• Afula, Israel
• John Bryce · Student

My name is Itay Goldenberg. I am a 24-year-old Full Stack Gen AI student at John Bryce, based in Afula, Israel. I focus on building clean, practical and user-friendly web applications.

ExpenseFlow was created as part of my frontend development practice. The project helped me strengthen my skills in HTML, CSS, JavaScript, DOM manipulation, validation, Local Storage and dynamic data rendering.

GitHub LinkedIn

About the Project

ExpenseFlow is a personal expense management application that allows users to add, update, delete, filter and analyze expenses in a simple and organized way. Each expense includes a category, description, amount and date.

The application stores all expenses in the browser using Local Storage, so the data remains available even after refreshing or reopening the website. Users can also filter expenses by year, month, day, category, date range and maximum amount.

The reports page presents the expense data visually using a category doughnut chart and a monthly bar chart. The project also supports exporting the data to PDF and CSV, making it easier to review and share expense records.

Main Features

• Add new expenses with category, amount, date and description.
• Update existing expenses directly from the expenses table.
• Delete expenses with user confirmation.
• Save all expenses in Local Storage.
• Filter expenses by year, month, day, category, date range and maximum amount.
• Display visual reports using charts.
• Export expense reports to CSV and PDF files.

Technologies Used

• HTML5Creates the structure of the pages, forms, tables and content sections.
• CSS3Builds the responsive layout, Liquid Glass design, animations and visual style.
• JavaScriptHandles the main application logic, validation, CRUD actions and rendering.
• DHTMLUpdates tables, summaries and reports dynamically without reloading the page.
• Local StorageSaves the expense data inside the browser for future visits.
• Chart.jsDisplays the expense reports using doughnut and bar charts.
• jsPDFGenerates a downloadable PDF report from the saved expenses.
• CSV / Blob APICreates and downloads a CSV file containing the expense records.