This React application is a simple calculator based on the "Profit First" method by Mike Michalowicz. It's designed to help ME quickly determine how to distribute income across different accounts each time my frelance business generates income. It's based on my percentages, but anyone could reconfigure it.
The Profit First method advocates for a proactive approach to business finances, ensuring that profit is prioritized and expenses are managed effectively.
I am toying with the idea of adding Plaid to this project and a login to enable the ability to create automatic ACH transfers using the caculated amounts. That would be a much bigger app however.
- Simple, user-friendly interface
- Instant calculation of fund distribution
- Responsive design using Tailwind CSS
- Based on the following Profit First allocation:
- Business Profit: 15%
- Owner's Pay: 45%
- Operating Expenses: 25%
- Taxes: 15%
- React
- Vite (for fast development and building)
- Tailwind CSS (for styling)
- Clone the repository
- Install dependencies:
npm install - Run the development server:
npm run dev - Build for production:
npm run build
- Enter the total amount of income you want to distribute in the input field.
- The application will automatically calculate and display the breakdown of how much should be allocated to each account based on the Profit First percentages.
App.jsx: Main application componentcomponents/:AmountInput.jsx: Component for user inputBreakdownTable.jsx: Component to display the calculated breakdownLayout.jsx: Wrapper component for consistent layout
You can adjust the percentage allocations in the calculateBreakdown function within App.jsx if you wish to modify the distribution ratios.
This project is inspired by the "Profit First" method developed by Mike Michalowicz. For more information about the Profit First approach, please refer to Mike Michalowicz's book "Profit First: Transform Your Business from a Cash-Eating Monster to a Money-Making Machine".