This budget tracking app is designed to help users manage their finances using the 50/30/20 rule, which allocates 50% of income to needs, 30% to wants, and 20% to savings or debt repayment. The app simplifies budgeting by categorizing expenses and providing insights into spending habits.
- Income Input – Users can input their monthly income.
- Automated Budget Allocation – Automatically divides income into Needs (50%), Wants (30%), and Savings (20%).
- Expense Tracking – Users can log expenses and categorize them under Needs or Wants.
- Progress Monitoring – Displays spending progress in each category.
- Savings Tracker – Tracks contributions to savings or debt repayment.
- Clone the repository:
git clone https://github.com/gabify/budget-tracker.git
- Navigate to the project folder:
cd budget-tracker - Install dependencies:
npm install # or yarn install - Start the application:
npm start # or yarn start
- Enter Your Income to calculate budget categories.
- Add Expenses and categorize them.
- Monitor Your Budget through the dashboard and adjust spending as needed.
Check out the live demo: Demo Link
Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Commit your changes (
git commit -m 'Add new feature'). - Push to the branch (
git push origin feature-branch). - Open a Pull Request.
If you found an issue or would like to submit an improvement to this project, please submit an issue on the issue tab above. If you like to submit a PR with a fix, reference the issue you created.
If you like this project, you can give it a star. I'm still learning how to code so a few motivation will help! 🥺
This section is dedicated for the open source component I used in this app -<Piggy-bank icons created by Freepik - Flaticon
This project is licensed under the MIT License.