Echo Chen

Project dossier

Capstone Success Student Workflow

我负责的是 student-side assignment journey：从 OTP login、consent、dashboard，到 assignment submission、history、result 和 VIVA follow-up，把这些页面做成一条连续而可维护的学习流程。

Full-stack AI Developer / Project Assistant2026EEE DEV TEAM, Hong Kong Polytechnic University

Overview

Problem

学生在提交作业、查看历史记录、理解反馈和继续后续讨论时，往往要在割裂页面和不清晰状态之间来回切换。

Goal

把 student workflow 做成一条完整、可追踪、对 API contract 友好的产品流程，而不是一组互不相连的页面。

Outcome

最终形成了从 login 到 submission、result、VIVA 的完整学生路径，并通过 shared composables 和 local proxy pattern 提升了集成一致性。

Build Scope

  • 把 assignment journey 整理成 parameterized routes，例如 `/assignment/{assignmentId}/submission`、`/history`、`/result`、`/viva`，让页面结构和实体边界更清晰。
  • 实现并稳定真实的多步文件提交流程：file hash、upload ticket、presigned upload、upload completion、submission creation，而不是只做一个表单上传 UI。
  • 把 API integration logic 从页面里抽离到 shared composables，减少 duplicated fetch logic，保持前端行为更贴近文档化 API contract。

Project Reading

  • 这个项目的价值不在单个页面，而在于把学生从发现任务到提交、查看结果、继续讨论的完整学习路径做通。
  • 它也证明了我不只是做视觉实现，而是会处理 route design、workflow continuity、API discipline 和状态迁移这些真正影响产品质量的部分。

Student Flow

  • OTP Login
  • Consent
  • Dashboard
  • Assignment Submission
  • Submission History
  • Result Review
  • VIVA Follow-up

Submission Procedure

  • Load assignment detail
  • Derive course detail
  • Compute SHA-256 hash
  • Request upload ticket
  • Upload via presigned URL
  • Complete upload
  • Create submission
  • Redirect to history
Back to Projects