Initial Release help-frontend

Dr. Frontend

Standalone Dashboard Example

A drug discovery researcher's dashboard with task queue, experiment results, and assay progress tracking.

Research Dashboard

EGFR Inhibitor Discovery Program

2 completed tasks require your review

Experiment results are ready for approval before proceeding to the next phase.

Active Experiments

12

Compounds in Pipeline

847

Assays Running

3

Hit Rate (Avg)

2.8%

Task Queue

Your pending work items

Requires Your Action

Review HTS screening resultsDone

Compound library screening for EGFR inhibitors - 10,000 compounds

Approve dose-response curvesDone

IC50 validation for top 50 hits from primary screen

In Progress

Submit compounds for ADMETIn Progress

Select candidates for absorption and toxicity profiling

Today
Analyze cell viability assayIn Progress

MTT assay results for compound cytotoxicity

Tomorrow

Blocked

Order synthesis of analogsBlocked

Request medicinal chemistry team for SAR exploration

Waiting for structural analysis from X-ray crystallography

Schedule project review meetingBlocked

Quarterly update with stakeholders

Pending availability from VP of Research

Upcoming

Update compound databasePending

Add new screening data to internal registry

Next Week

Experiment Results

Recent completions

KRAS G12C Binding Assay

Completed2 hours ago
3.2%
Hit Rate

Kinase Selectivity Panel

Running
Progress67%

hERG Cardiac Safety

CompletedYesterday
>30 μM
IC50

Metabolic Stability (HLM)

Queued

Plasma Protein Binding

Failed

Assay Progress

Active screening campaigns

Primary HTS Campaign

On Track
Samples8,750 / 10,000

Updated 10 min ago

Counter-screen (Cytotoxicity)

On Track
Samples450 / 500

Updated 1 hour ago

Dose-Response Confirmation

Delayed
Samples23 / 50

Updated 3 hours ago

Features

Task Queue

Organized by status: items requiring action, in-progress, blocked, and upcoming. Blocked tasks show the reason for the block.

Status Indicators

Color-coded badges for task status (blocked, in-progress, done, pending) and experiment status (completed, running, failed, queued).

Experiment Results

Cards showing recent experiment completions with metrics, trends, and progress bars for running experiments.

Assay Progress

Visual progress tracking for active screening campaigns with sample counts and status indicators.

Action Items

Completed tasks that require review are highlighted with action buttons. Alert banner summarizes pending reviews.

Task Statuses

DoneCompleted but may require review/approval
In ProgressCurrently being worked on
BlockedWaiting on external dependency
PendingScheduled for future work

Use Cases

  • • Drug discovery project tracking
  • • Laboratory experiment monitoring
  • • Research workflow management
  • • Assay campaign oversight
  • • Team task coordination

Key Dependencies

lucide-react@/components/ui/card@/components/ui/button@/components/ui/checkbox

Built with standard shadcn/ui components. All data is mocked for demonstration.