Scaffold Creator Dashboard Page

[aji70]

Task: Scaffold Creator Dashboard Page

Overview

Creators need a home base showing key stats at a glance. This issue delivers a static dashboard skeleton with placeholder cards — real data wiring comes later.

---

Goals

• Route: /dashboard
• Layout: welcome header + grid of stat cards (followers, earnings, posts — mock values)
• Empty state for new creators ("Complete your profile to get started")
• Use app shell from the navigation issue
• Responsive card grid (1 col mobile, 2–3 cols desktop)

---

Deliverables

• app/(dashboard)/dashboard/page.tsx
• components/dashboard/StatCard.tsx and DashboardHeader.tsx
• Mock data in lib/mocks/dashboard.ts (clearly labeled as mock)

---

Acceptance Criteria

• Dashboard renders inside the app shell
• Stat cards display label, value, and optional trend placeholder
• No backend dependency required for merge
• Components are reusable for future real data hooks
• Accessible headings and semantic HTML (main, section)

[Cjay-Cyber-2]

i would love to work on this

[grantfox-oss]

🦊 GrantFox — @Cjay-Cyber-2 has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #7)
2. Your PR will be reviewed by the MyFanss maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@Cjay-Cyber-2's PR #41 was approved and merged by @aji70.

🏆 @Cjay-Cyber-2: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (118 total points). Track your full progress on GrantFox.

👏 Great work, @Cjay-Cyber-2! Keep contributing to MyFanss.