|
| 1 | +# Organizing bills with tags |
| 2 | + |
| 3 | +- **Status:** Draft |
| 4 | +- **Last Updated:** 2025-12-12 |
| 5 | +- **Related:** |
| 6 | + |
| 7 | +## Overview |
| 8 | + |
| 9 | +Tags let you organize and filter your bills by category. You can create any tags you want and assign multiple tags to each bill. When you select a tag from the toolbar, the entire interface updates to show only bills matching your selection. |
| 10 | + |
| 11 | +## Adding tags to bills |
| 12 | + |
| 13 | +When you add or edit a bill, you'll find a Tags section in the form. Type a tag name to search existing tags or create new ones on the fly. You can assign as many tags as you need to a single bill. |
| 14 | + |
| 15 | +Tags you create persist across all your bills. Once you create a tag like "Business," it appears in the dropdown for every bill. |
| 16 | + |
| 17 | +## Filtering by tag |
| 18 | + |
| 19 | +Your tags appear in a dropdown menu on the top toolbar. The button shows "All Bills" when no tag is selected. Click it to see your available tags. |
| 20 | + |
| 21 | +When you select a tag, three changes happen: |
| 22 | + |
| 23 | +- The bill list filters to show only bills with your selected tag |
| 24 | +- Reports and totals update to reflect only those filtered bills |
| 25 | +- A badge appears next to the dropdown showing which tag is active |
| 26 | + |
| 27 | +To clear the filter, click the X on the active tag badge or select a different tag. |
| 28 | + |
| 29 | +## Viewing tags on a bill |
| 30 | + |
| 31 | +Tags don't appear in the standard bill list. To see a bill's tags: |
| 32 | + |
| 33 | +1. Click on any bill in the list |
| 34 | +2. The right sidebar opens, replacing the calendar view |
| 35 | +3. Scroll to the bottom of the bill detail to see all assigned tags |
| 36 | + |
| 37 | +To close the bill detail, click the same bill again or click the X button in the detail panel. The calendar view returns when you deselect the bill. |
| 38 | + |
| 39 | +## Common uses for tags |
| 40 | + |
| 41 | +**Separating personal and business expenses.** Create "Personal" and "Business" tags. Assign each bill to the appropriate category. Select "Business" to see your total business expenses when tax season arrives. |
| 42 | + |
| 43 | +**Tracking bills for different people.** If you manage bills for a spouse, parent, or roommate, create a tag for each person's name. Assign their bills accordingly. For shared bills, add both tags. Filter by a person's name to see their share. |
| 44 | + |
| 45 | +**Grouping by payment source.** Create tags like "Bank Account" and "Credit Card" to track where money comes from. This helps you understand how much flows from each account without mixing credit card charges with direct bank payments. |
| 46 | + |
| 47 | +**Organizing by category.** Tags like "Utilities," "Subscriptions," or "Insurance" help you see spending patterns within specific expense types. |
| 48 | + |
| 49 | +## Edge cases |
| 50 | + |
| 51 | +**Empty tag name.** You can't create a tag without a name. The system requires at least one character. |
| 52 | + |
| 53 | +**Duplicate tags.** Tag names are unique. If you type a name that already exists, the system selects the existing tag instead of creating a duplicate. |
| 54 | + |
| 55 | +**Deleting a bill with tags.** When you delete a bill, its tag associations disappear. The tags themselves remain available for other bills. |
| 56 | + |
| 57 | +**Filtering with no matches.** If no bills have your selected tag, you see an empty list with a message explaining no bills match. |
| 58 | + |
| 59 | +**Special characters.** Tag names support letters, numbers, spaces, and common punctuation. The system creates a URL-safe version for filtering. |
| 60 | + |
| 61 | +## Verification |
| 62 | + |
| 63 | +To confirm tags work as expected: |
| 64 | + |
| 65 | +1. Create a new bill and add a tag called "Test" |
| 66 | +2. The "All Bills" dropdown should now include "Test" |
| 67 | +3. Select "Test" from the dropdown |
| 68 | +4. Only your tagged bill appears in the list |
| 69 | +5. Click the bill to open its detail |
| 70 | +6. Scroll down; your "Test" tag appears at the bottom |
| 71 | +7. Clear the filter; all bills return |
| 72 | + |
| 73 | +## Future scope |
| 74 | + |
| 75 | +The following features aren't included in this version: |
| 76 | + |
| 77 | +- Tag colors or icons for visual distinction |
| 78 | +- Tag management screen (edit, rename, or delete tags) |
| 79 | +- Multi-tag filtering with AND/OR logic |
| 80 | +- Tag-based reports and analytics |
| 81 | +- Drag-and-drop tag assignment |
| 82 | + |
0 commit comments