Board & List Views

The Board and List tabs are two windows onto the same data: the project's lists and cards. The Board is a kanban — drag cards between columns. The List is a flat scannable view — better for many cards at once.

Two Views, One Dataset

Both tabs share the same underlying data:

	Board	List
Layout	Columns of cards	One row per card
Best for	Visualizing flow	Scanning, sorting, bulk edits
Drag-and-drop	Cards between lists	Reorder within list
Card detail	Click to open modal	Click to expand inline

Edits in one view appear in the other immediately.

The Board Tab

A horizontal row of lists (kanban columns), each containing cards. Lists scroll horizontally if there are too many to fit. Each list shows:

• List name (click to rename)
• Card count
• A + Add a card button at the bottom
• A list-level menu (rename, delete, archive cards)

Lists

Creating a list

• Scroll to the right end of the board
• Click + Add a list
• Type a name
• Press Enter or click outside to save

Reordering lists

Drag a list by its header to a new position. The new order saves automatically.

Renaming a list

Click the list name. Type the new name. Press Enter to save.

Deleting a list

Open the list menu → Delete list. You'll be asked to confirm because deleting a list also deletes its cards.

Cards

Cards are the unit of work — a task, a deliverable, an item to track.

Creating a card

1. In any list, click + Add a card
2. Type the card title
3. Press Enter to create — the card appears at the bottom of the list

Moving cards

Drag a card to a new position within the same list, or to a different list. The new position saves automatically. A toast confirms the move.

Card preview on the board

Cards on the board show:

• Title
• Tags (color-coded chips)
• Due date (if set)
• Member avatars
• Counts: comments, checklist progress, attachments

Card Details

Click any card to open the Card Detail modal. Sections inside:

• Title — inline editable
• Description — rich-text editor
• Members — pick from project team
• Tags / Labels — multi-select with colors
• Start date and Due date — date pickers
• Checklist — see Checklists
• Attachments — files and images
• Comments — threaded discussion
• Activity — per-card log

Close the modal with the X or by clicking outside it.

Comments

Below the card description.

Adding a comment

1. Type in the comment input at the bottom of the card detail
2. Press Enter or click Post
3. Your comment appears with your avatar, name, and a relative timestamp

Editing & deleting

Hover your own comment to see edit/delete actions. Other users' comments are read-only unless you're an admin.

Checklists

Use checklists to break a card into sub-tasks.

Adding a checklist

1. In card details, click Add Checklist
2. Give it a title (e.g. "Pre-flight checks")
3. Add items one at a time, pressing Enter to add the next

Item state

Each item is a checkbox. Checked items show with a strikethrough. The card preview on the Board shows a "X / Y" progress count.

Reordering items

Drag an item up or down within the checklist.

Tags & Labels

Tags are color-coded labels that scope across the project.

Creating a tag

In a card's tag picker, click + New Tag, set a name and color, save.

Applying tags

Tick the tags in the card's tag picker. Multiple tags per card are allowed.

Filtering by tag

On the board, the toolbar's tag filter shows every tag in the project. Click one to filter cards. Active filters show as chips above the board.

The List Tab

A flat table of every card across every list:

• Card title with the list it belongs to
• Status (derived from list)
• Members
• Due date
• Tags

Click any row to open the same Card Detail modal. Sort by clicking column headers; reorder cards within a list by dragging the row handle.

The List tab is best when you have many cards or want to bulk-update due dates / tags / members.

Real-Time Collaboration

When multiple users have the project open at the same time:

• Their avatars appear in the toolbar with a green pulse animation
• Card moves, comments, and edits push to other viewers in real time (via Pusher when configured)
• A toast announces "X created Y cards" when bulk task creation runs