Project Detail Page
Full project detail view composing a sidebar shell, KPI cards row, kanban board, and team activity feed.
Full project detail view composing a sidebar shell, KPI cards row, kanban board, and team activity feed.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Project Detail Page assembles the full project view from four sibling blocks. The sidebar shell provides the nav frame, the KPI cards row surfaces the project health metrics with delta context, the kanban board shows task state across columns so the team sees work in progress at a glance, and the team activity feed closes the page so everyone knows what changed since their last visit.
No section is hand-built. Each block is independently swappable: replace KpiCardsRow with GoalProgressCards to track milestones, swap KanbanBoard for a task list view, or insert a RevenueAreaChart above the board when the project carries a revenue dimension.
Reach for this page as the landing view when a user opens a specific project, wired to the project id in the route. Replace the kanban columns and activity items with your real task and event data.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the project overview with live task state. Other configurations:
Tip: the activity feed earns its spot below the board because it answers the implicit question the board leaves open: who moved what and when.