Appearance
DoCurious — Demo Script
Walk through these flows during the live presentation. Total time: ~25 min. Adjust by skipping sections marked (optional).
Before You Start
- Run the app:
npm run dev(opens athttp://localhost:5173) - Make sure the backend is running:
cd server && npm run dev - Have the demo login set up (or use the demo landing page at
/demo) - Recommended: use Chrome with DevTools closed, window at 1280px+ width
Flow 1: First Impressions (3 min)
Audience hook: "Let me show you what a new user sees"
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 1 | /welcome | Landing page | Brand identity, value prop, call to action |
| 2 | /register | Registration form | Age verification gate, role selection, COPPA awareness |
| 3 | /age-verification | Age gate | Under-13 triggers parental consent flow |
| 4 | /onboarding | Profile completion | Progressive disclosure, empty state patterns |
Key message: "We built the full auth flow including COPPA/FERPA compliance from day one."
Flow 2: The Core Loop — Discover, Do, Document (7 min)
Audience hook: "This is the heart of the product"
2a. Discover
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 1 | /explore | Explore page | Horizontal scroll sections, curated views, search |
| 2 | /explore/featured | Featured challenges | Algorithm-driven content surfacing |
| 3 | /explore/category/outdoor | Category browse | Category filtering |
| 4 | /dealers-choice | Dealer's Choice | The "fun" feature — 3-card random deal with XP multipliers |
2b. Do
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 5 | /challenges/:id | Challenge detail | Tabs: overview, discussion, verification requirements |
| 6 | Click "Start Challenge" | Start flow | Creates user challenge + track record |
| 7 | /my-challenges | My Challenges | Tabbed view: active, completed, abandoned |
2c. Document
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 8 | /my-challenges/:id/track | Track Record editor | Entry creation, media upload, reflection prompts |
| 9 | Show sharing controls | Sharing scope selector | Public/community/private |
| 10 | Show finalization | Submit for verification | Triggers verification workflow |
Key message: "Discover → Do → Document is the core loop. Everything else supports this."
Flow 3: Gamification & Progress (3 min)
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 1 | /badges | Badge collection | 7 categories, celebration animation |
| 2 | /xp-history | XP transaction log | 15 levels, XP from challenge completion |
| 3 | /journey-map | Journey Map | Category completion grid |
| 4 | /learning-paths | Learning Paths | Guided challenge sequences |
| 5 | /portfolios | Portfolio showcase | Multiple template styles (scrapbook, field journal, etc.) |
Key message: "Gamification drives engagement. 15 levels, 57 badges, weekly streaks."
Flow 4: Communities & Social (3 min)
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 1 | /communities | Community hub | Browse, create, join communities |
| 2 | /communities/:id | Community detail | Feed, members, moderation tools |
| 3 | /communities/:id/goals | Community goals | Collaborative challenges |
| 4 | /gifts | Gifting | Send challenges to others |
Key message: "6 community types, 3 feed types, collaborative goals."
Flow 5: School Administration (5 min)
Audience hook: "This is where DoCurious becomes an education platform"
Switch to school admin user
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 1 | /school | School Dashboard | Overview metrics, quick actions |
| 2 | /school/roster | Student Roster | Enrollment, CSV import capability |
| 3 | /school/classes | Class management | Create/edit classes |
| 4 | /school/assignments | Assignments | Assign challenges to classes |
| 5 | /school/classes/:id/progress | Class Progress | Per-student completion tracking |
| 6 | /school/reviews | Teacher Reviews | Review queue for submitted track records |
| 7 | /school/reflection-analytics | SEL Analytics | Reflection data across school |
Switch to student user (optional)
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 8 | /school/student-dashboard | Student view | School-context dashboard |
| 9 | /school/my-assignments | My Assignments | Student sees their assigned challenges |
Key message: "Full SA → Teacher → Student → Parent hierarchy. COPPA two-tier. FERPA DPA."
Flow 6: Vendor Portal (2 min, optional)
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 1 | /vendor/apply | Application form | Public vendor signup |
| 2 | /vendor | Vendor Dashboard | Overview, challenge management |
| 3 | /vendor/challenges/create | Create Challenge | Vendor challenge authoring |
| 4 | /vendor/analytics | Vendor Analytics | Performance metrics |
Flow 7: Platform Admin — The Toolkit (3 min)
Audience hook: "We built 85+ internal tools. Let me show you the highlights."
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 1 | /admin/users | User Management | Full user table, search, detail view |
| 2 | /admin/verification | Verification Queue | Track record verification workflow |
| 3 | /admin/executive-dashboard | Executive Dashboard | Growth, engagement, health metrics |
| 4 | /admin/feature-flags | Feature Flags | Toggle features on/off |
| 5 | /admin/compliance | Compliance Monitor | COPPA/FERPA/GDPR status |
| 6 | /admin/investor-data-room | Investor Data Room | Metrics packaged for fundraising |
| 7 | Sidebar navigation | Admin nav | Show the 11 collapsible sub-sections, 65+ tools |
Key message: "Every tool the team needs to operate — analytics, moderation, compliance, sales, engineering — is already built."
Flow 8: Compliance & Legal (1 min)
| Step | URL | What to Show | Talking Point |
|---|---|---|---|
| 1 | /school-dpa | School DPA | FERPA compliance, breach notification |
| 2 | /privacy | Privacy Policy | CCPA Section 9, GDPR rights |
| 3 | /cookie-policy | Cookie Policy | 4 cookie types, children's cookies |
| 4 | /account/delete | Account Deletion | Re-auth, 30-day grace, parent-only for minors |
Key message: "All 10 compliance requirements resolved. COPPA, FERPA, GDPR, CCPA."
Closing: The Documentation (2 min)
| What | How to Show | Talking Point |
|---|---|---|
| VitePress docs | Open docs-site/ build or run npm run docs:dev | Full knowledge base, dev guide, API reference |
| Storybook | npm run storybook | 55 interactive component stories |
| Screenshots | docs/app-map-screenshots.html | 73 screenshots, organized by flow |
| Spec gap report | Open docs/spec-gap-report.md | Honest status: what's done, what's partial, what's next |
Key message: "This isn't just a prototype. It's documented, tested, and ready for a team to build on."
Demo Tips
- Don't try to show everything. Pick 3-4 flows based on audience interest.
- Use the role switcher in the debug panel (Ctrl+Shift+D) to quickly swap between user roles.
- If something breaks, own it — "This is a prototype, here's what the intended behavior is."
- Have the spec gap report ready as a follow-up for "what's next" questions.
- Keep the admin toolkit tour fast — scroll through the sidebar to show volume, then deep-dive on 2-3 tools.