Add Expense Analytics Dashboard with Search, Categories, Pie Chart and CSV Export

[JVikramV]

Overview

This pull request enhances the existing React Expense Tracker by introducing a complete Expense Analytics Dashboard and advanced filtering capabilities while preserving the original functionality.

Features Added

Search

• Search expenses by title in real time.

Categories

• Added expense categories:
  • Food
  • Shopping
  • Bills
  • Entertainment
  • Transport
  • Other
• Existing expenses are assigned default categories.
• New expenses require category selection.

Filtering

• Category filter
• Year filter
• Search filter
• All filters work together.

Analytics Dashboard

• Total Expenses
• Total Number of Expenses
• Highest Expense
• Average Expense

Pie Chart

• Expense distribution by category.
• Automatically updates when:
  • Expenses are added
  • Expenses are deleted
  • Search changes
  • Year filter changes
  • Category filter changes

CSV Export

• Export the currently filtered expenses to CSV.

Technical Changes

• Added reusable UI components:
  • SummaryCard
  • Select
• Added reusable utility modules:
  • filterExpenses
  • expenseStats
  • categoryTotals
  • exportCsv
• Extended the expense model with category support.
• Added responsive analytics components.
• Preserved all existing application functionality.

Testing

Verified the following:

• Added new expenses
• Deleted expenses
• Search functionality
• Category filtering
• Year filtering
• Dashboard statistics
• Pie chart updates
• CSV export
• Existing features continue to work correctly.

Built Using

• React
• Chart.js
• react-chartjs-2
• Cursor AI Agent

[vercel]

Someone is attempting to deploy a commit to the Matraim's projects Team on Vercel.

A member of the Team first needs to authorize it.