Project dashboard
A project management screen based on the enaz concept (https://x.com/rakibulism/status/2106757589065466189): range pills, an icon rail, a task list with tinted cards you can check off, a donut of project status, an income vs expense line with a hover marker, and an invoice overview with status bars. Themed for Scopecraft. Cards and bars animate in with Motion and stay still with reduced motion. Fictitious data.
enaz
Manage and track your projects
Project Dashboard
Search tasks
My Tasks+
12 On Going Tasks ▾
BrightBridge - Website DesignDesign a framer website with modern templates.
Github - Upload Dev Files & ImagesCollaborate with developers to handle the SaaS project.
Mapbox - Route ReviewCheck the delivery map layers before release.
Projects Overview↗
In Progress: 14Completed: 32Not Started: 54
Income VS Expense≡
Income: 23.8k$Expense: 8.8k$
Invoice Overview↗
Overdue5 | USD 183,000
Not Paid5 | USD 128,500
Partially Paid3 | USD 64,200
Paid24 | USD 412,900
Anatomy
| Part | Notes |
|---|---|
| Range pills | Today, This Week, This Month and Reports; one active at a time |
| Icon rail | Navigation icons; the current section is filled |
| My Tasks | Day toggle, task count and tinted cards with a check button |
| Projects overview | Donut with in progress, completed and not started counts in the legend |
| Income vs Expense | Two lines; move the pointer to read a month |
| Invoice overview | One bar per payment status with count and total |