Dashboard blocks

ProjectCard

Generic 'collection' card. Colored top bar, progress bar, stacked member avatars, task completion ratio.

Single

One project

Progress72%

AVMAPRDI

18/25

<ProjectCard
  project={{
    id: 'p1',
    name: 'Tasko Redesign',
    color: '#7c3aed',
    progress: 72,
    dueDate: 'May 12',
    members: [...],
    tasksDone: 18,
    tasksTotal: 25,
  }}
  onOpen={(id) => navigate('/projects/' + id)}
/>

Grid

Three across

Progress72%

AVMAPRDI

18/25

Progress41%

MAPRDIKE

7/17

Progress88%

PRDIKESO

22/25