Split Share

A modern, elegant expense-sharing application built with React and Material UI using Claude Code

Features

• User-Friendly Interface: Clean, intuitive UI designed for seamless expense tracking
• Expense Management: Create, track, and manage expenses easily
• Group Expenses: Create groups for shared expenses like trips, households, etc.
• Balance Tracking: See who owes you and whom you owe at a glance
• Expense History: View your expense history with detailed information
• Responsive Design: Works seamlessly on desktop and mobile devices

Tech Stack

• Frontend: React.js with Material UI
• State Management: React Context API
• Routing: React Router
• Charts: Chart.js with react-chartjs-2
• Date Handling: Day.js

Getting Started

Prerequisites

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/jiahongc/split-share

2. Navigate to the project directory

cd split-share

3. Install dependencies

npm install
# or
yarn install

4. Start the development server

npm start
# or
yarn start

5. Open your browser and go to http://localhost:3000

Project Structure

beautiful-splitwise/
├── public/
├── src/
│   ├── assets/        # Images, icons, etc.
│   ├── components/    # Reusable components
│   ├── context/       # Context API for state management
│   ├── pages/         # Page components
│   ├── theme/         # Theme and styling
│   ├── utils/         # Utility functions
│   ├── App.js         # Main app component
│   └── index.js       # Entry point
└── package.json

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Inspired by Splitwise
• UI design inspired by modern Material Design principles