# Course Dashboard

<Card title="Advanced React Patterns" subtitle="Taught by Sarah Chen, Senior Frontend Engineer">
<Columns>
<Stat label="Overall Progress" value="67%" change="+12% this week" tone="success" icon="chart-line" />
<Stat label="Avg. Learner Rating" value="4.8 / 5" change="2,847 reviews" tone="info" icon="star" />
</Columns>
</Card>

<Card title="Course Modules">
| Module | Lessons | Completed | Status |
|---|---|---|---|
| 1. React Fundamentals Refresher | 8 | 8/8 | ✅ Complete |
| 2. Advanced Hooks & Patterns | 12 | 9/12 | 🔄 In Progress |
| 3. State Management with Zustand | 6 | 3/6 | 🔄 In Progress |
| 4. Performance Optimization | 10 | 0/10 | ⏳ Not Started |
| 5. Testing Strategies | 8 | 0/8 | ⏳ Not Started |
| 6. Capstone Project | 4 | 0/4 | 🔒 Locked |
</Card>

<Card title="Next Lesson" subtitle="Module 2 • Lesson 10 of 12">
**Custom Hooks for Data Fetching**  
Learn to build reusable data-fetching hooks with caching, deduplication, and optimistic updates.
<Progress value="75" max="100" label="Module 2 progress" tone="info" />
</Card>

<Card>
<Button size="large" variant="primary" icon="play">Continue Learning</Button>
<Button variant="secondary" size="large">Review Previous Lesson</Button>
</Card>