💰 Expense Tracker App

A responsive React app for managing shared group expenses — split bills fairly, track who owes what, and visualize spending with interactive charts.

Live Demo →

Features

• Group management — create groups and add members for shared expenses
• Expense tracking — log expenses with categories, descriptions, and custom splits
• Automatic balance calculation — see who owes what to whom, with settlement suggestions
• Filterable history — full expense history with category/person filtering
• Visual analytics — Chart.js pie charts breaking down spending by category

Tech Stack

Layer	Tech
Frontend	React 19, React Router DOM 7
State	React Context API
Charts	Chart.js, react-chartjs-2
Styling	CSS3
Build	Create React App

Getting Started

git clone https://github.com/Moh-dakai/expense-tracker-app.git
cd expense-tracker-app
npm install
npm start

Runs at http://localhost:3000.

Project Structure

src/
├── components/
│   ├── Balances.js      # Balance tracking
│   ├── Charts.js        # Data visualization
│   ├── Expenses.js      # Expense input
│   ├── Group.js         # Group management
│   └── History.js       # Expense history
├── context/
│   └── ExpenseContext.js # Global state management
└── data/
    └── dummyData.js      # Sample data and categories

Roadmap

• Persistent storage (currently in-memory via Context)
• Export to CSV
• Dark mode

License

MIT