Overview
The transactions page provides a comprehensive list of all your financial activities with advanced filtering and search capabilities.CRUD Operations
Create, read, update, and delete transactions with ease
Advanced Filtering
Filter by category, amount range, date, and more
Infinite Scroll
Seamlessly load more transactions as you scroll
Grouped Display
Transactions organized by date for easy scanning
Creating a Transaction
Navigate to Transaction Creation
Click the + Add Transaction button or navigate to
/transactions/createChoose Transaction Type
Select between Expense or Income using the tab buttons:
- Expense - Money going out (shown with red down arrow)
- Income - Money coming in (shown with green up arrow)
Select a Category
Choose from your custom categories. Each category displays:
- Category icon (customizable)
- Category name
- Color indicator
Categories are filtered by type - you’ll only see expense categories when on the Expense tab, and income categories on the Income tab.
Choose an Account
Select which account this transaction affects. All your active accounts are displayed as selectable buttons.
Enter Transaction Details
Fill in the required information:
Title (Required)
Title (Required)
A brief description of the transaction (e.g., “Grocery shopping”, “Salary deposit”)
Amount (Required)
Amount (Required)
The transaction amount. Enter as a positive number - the app automatically handles negative values for expenses.
Details (Optional)
Details (Optional)
Additional notes or description for the transaction. Useful for tracking specific information.
Date (Optional)
Date (Optional)
When the transaction occurred. Defaults to the current date/time if not specified.
What Happens Behind the Scenes
When you create a transaction:Account balances and net worth are updated in real-time. You’ll see the changes immediately on your dashboard.
Viewing Transactions
The transactions index page (/transactions) displays all your transactions with smart grouping and pagination.
Date Grouping
Transactions are automatically grouped by date:- Today - Transactions from today
- Yesterday - Transactions from yesterday
- Specific dates - Older transactions grouped by their date
Transaction Card Details
Each transaction displays:- Visual Elements
- Information
- Category icon - Visual representation of the category
- Color indicator - Category-specific color for quick identification
- Type indicator - Red down arrow for expenses, green up arrow for income
Editing Transactions
Click any transaction to open the edit form.Account Changes
If you move a transaction to a different account:Deleting Transactions
When you delete a transaction:Automatic Balance Correction
A balance correction transaction is automatically created to reverse the effect of the deleted transaction.
Correction transactions ensure your account history remains accurate and auditable, even after deletions.
Advanced Filtering
Click the filter icon to open the advanced filter panel.Available Filters
- Category Filter
- Type Filter
- Amount Range
- Text Search
- Date Range
Select one or multiple categories to show only transactions from those categories.
Filter Combinations
All filters can be combined for powerful queries:Infinite Scrolling
Transactions load dynamically as you scroll, providing a seamless browsing experience.How It Works
- User Experience
- Implementation
- 10 transactions per page load initially
- Automatic loading when you scroll near the bottom
- Spinner indicator shows when loading more results
- No “Load More” button needed - just keep scrolling
Filters are preserved when loading more transactions - the
withQueryString() method ensures all filter parameters are included in pagination URLs.Sorting
Transactions are always sorted by creation date in descending order (newest first):Best Practices
Use Descriptive Titles
Make titles clear and searchable (e.g., “Whole Foods” instead of “Shopping”)
Add Details
Use the details field for additional context that might be useful later
Choose the Right Category
Proper categorization makes your spending charts more meaningful
Set Accurate Dates
Use the date field to record when transactions actually occurred, not just when you entered them
Related Features
Accounts
Manage the accounts your transactions belong to
Categories
Customize transaction categories
Dashboard
View transaction summaries and charts