<aside> <img src="/icons/checkmark_blue.svg" alt="/icons/checkmark_blue.svg" width="40px" />

A5 · Sprint 2 Demo and Presentation · SE-PRE-003 v1.0

Ready for presentation, 9 October 2026

</aside>

<aside> <img src="/icons/target_blue.svg" alt="/icons/target_blue.svg" width="40px" />

Assessment weighting

Project website 10%

Demo 40%

Presentation 50%

</aside>

<aside> <img src="/icons/code_gray.svg" alt="/icons/code_gray.svg" width="40px" />

Live demo

Production culprits-mystery.party

Staging culprit.wyco-dev.com

</aside>

Demo path

  1. About: lab masthead, introduction, the director's portrait and links
  2. Research and Publications: cards with photos and credited members
  3. Team: the director featured, then teams; open a member's page
  4. Events: card grid, open an event, swipe through its photo gallery
  5. Make Appointment: reveal the booking calendar
  6. Admin: sign in with the password and the emailed code, edit a record, save, and show the change live

Presentation · 10 minutes

Part Content
Design From a professor's site to the lab's website; the Intaglio look; side-menu navigation; green palette; photo cards and covers
Architecture Four layers in every module; Next.js, Supabase and Cloudflare; staging on a VPS and production on Vercel; Neon standby
Documentation The Sprint 2 records in Notion and the four issued documents: SDS, System Document, Testing Document, Application Manual
Testing 619 automated tests, all passing; sign-in tested against the real configuration; browser tests at desktop and phone sizes