# Course Dashboard

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

<Card title="Course Progress">
<Progress value="68" max="100" label="68% complete — 17 of 25 lessons done" tone="success" />
</Card>

<Card title="Modules">
<Tabs>
<Tab title="All Modules (6)">
| Module | Lessons | Completed | Status |
|---|---|---|---|
| 1. React Fundamentals Refresher | 4 | 4/4 | ✅ Complete |
| 2. Advanced Hooks & Patterns | 5 | 3/5 | 🔄 In Progress |
| 3. State Management with Zustand | 4 | 2/4 | 🔄 In Progress |
| 4. Performance Optimization | 4 | 3/4 | 🔄 In Progress |
| 5. Testing Strategies | 4 | 3/4 | 🔄 In Progress |
| 6. Production Deployment | 4 | 2/4 | ⏳ Not Started |
</Tab>
<Tab title="In Progress (3)">
| Module | Lessons | Completed | Next Lesson |
|---|---|---|---|
| Advanced Hooks & Patterns | 5 | 3/5 | Custom Hooks for Data Fetching |
| State Management with Zustand | 4 | 2/4 | Async Actions & Middleware |
| Performance Optimization | 4 | 3/4 | Memoization Deep Dive |
</Tab>
</Tabs>
</Card>

<Callout tone="info" title="🎯 Next Lesson: Custom Hooks for Data Fetching">
<strong>Module 2 • Lesson 4 of 5</strong> — Learn to build reusable data-fetching hooks with loading, error, and caching states. Estimated time: 25 min
</Callout>

<Card title="Continue Learning">
<Columns>
<Button size="large" variant="primary" icon="play">Continue: Custom Hooks for Data Fetching</Button>
<Button size="large" variant="secondary" href="#">View All Lessons</Button>
</Columns>
</Card>

<Details title="Course Details" open="false">
**Duration:** 12 hours total • **Level:** Advanced • **Last updated:** January 2024  
**Includes:** 25 video lessons, 18 coding exercises, 6 projects, certificate of completion  
**Prerequisites:** Solid React basics, JavaScript ES6+, familiarity with TypeScript
</Details>