Client type
School operations team prototype
Back to work
EdTech / School Operations Case Study
Prototype / v1
School Analytics Dashboard
A product-grade dashboard prototype showing how complex SaaS demos can run inside the portfolio without a separate app.
What this proves
- Multi-screen dashboard UX hosted inside the portfolio
- Seeded data marked as demo-only
- No real auth, billing, tenancy, or backend dependency
Problem
Dashboard demos need multiple screens, filters, tables, chart states, and seeded data without pretending to be a production SaaS.
Solution
A registry-controlled interactive mock with reusable app shell components and clearly labeled demo data.
Tech stack
Next.js App Router, TypeScript, Tailwind CSS, seeded TypeScript data
System features
Leadership Overview
KPI cards and trend charts for fast weekly review.
Student Table
Searchable seeded student records with risk indicators.
Reports Workflow
Prototype report states for portfolio-level product storytelling.
Version history
Build, review, improve
v1 / 2026-05-16
Interactive mock foundation
Review 2026-06-16
Introduce a multi-screen dashboard demo that runs inside the portfolio with seeded data.
- - Added reusable demo app shell components.
- - Added overview, analytics, students, reports, and settings screens.
- - Added visible demo-data labeling for seeded content.
Expected outcome: Future SaaS/dashboard demos can use the same folder and renderer pattern.
Demo Bar
School Analytics Dashboard