Project Detail Page

About this block

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.

When to use

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

• App shell

After

• Kanban board
• Activity feed

What you can display

One strong use is the project overview with live task state. Other configurations:

• Milestone view. Swap the kanban for a timeline roadmap when delivery dates matter more than column state.
• Revenue project. Insert a revenue chart between the KPI row and the board for tracked projects.
• Minimal shell. Omit the sidebar and use just the three inner blocks for an embedded project panel.

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.