MoneytorQ is an open-source personal budgeting finance app with MIT license. Built with Next JS + Shadcn UI + Supabase. Currently, MoneytorQ only supports IDR (Indonesian Rupiahs) for the currency. Note: This repository is just a glimpse of how I technically make this product. It won't be updated as I have the main codebase on my private repo. Cheers =)
- User authentication (Access the dashboard with OAuth Logins)
- Overview on how you spent in the last 30 days
- Make your budgeting expenses and income (add, update, delete, view categories)
- Keep track of your expenses and allocate it into your budgets
- Responsive design using Shadcn UI.
-
Clone the repository:
git clone https://github.com/ilhamadhim/moneytorq cd moneytorq
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory and add the following environment variables:# The base URL of the API NEXT_PUBLIC_SUPABASE_URL= NEXT_PUBLIC_SUPABASE_ANON_KEY=
-
Start the development server:
npm run dev
In Dashboard view, you can see overall finance health. The latest and highest expenses, your recent income, how is your savings to expenses ratio, etc.
In the side AreaChart, you can also see whether your expenses surpass your income or not. And how stagnant your income is. (Let's try to change that by making new stream of income :D).
In Budgeting view, you can input your budget allocations for expenses. We supports input it by percentage. In further update, you will also be able to input it by the fixed amount.
In this view, you can create a new stream of income (Basically creating a new category with income
type).
For Manage Income, it's almost the same as creating a transaction with income
type. You can also input it in Transaction view (See next screenshot).
Here lies the details of your transactions from all the way to January - December. Expenses or Incomes, all of it will be shown here. You can filter it by month, year, transaction title, expense type, and categories.
The radar chart in the left will show your top 6 categories sorted by the most expenses amount.
If you have any questions or feedback, feel free to reach out at ilham.adhim@gmail.com :)