Lambda实验室-开发期刊-实验室09-第三周

第1部分-本周个人成就

白板面试链接:

GitHub贡献图:(cesarnml)

Lambda学校实验室/ labs9-QuizTime
通过在GitHub上创建一个帐户,为Lambda-School-Labs / labs9-QuizTime开发做出贡献。 github.com

在第03周的开始,我发现自己将前端从react-stripe-checkout迁移到react-stripe-elements软件包,以便与Stripe的付款API集成。 react-stripe-elements的优点是它允许将付款表直接嵌入我们的网站中,而不必依赖于弹出模式来使用户能够提供信用卡详细信息。 与checkout相比,使用react-stripe-elements另一个优势是它允许用户输入验证和前端的动态反馈。

输入验证和用户错误反馈显示在前端。 此外,仅当所有字段均通过验证时,才启用提交按钮。

成功收取费用后,前端会将其信用额通知用户。

我本周的第二项贡献是与Carey Baldwin合作开发了一个学生测验视图,供学生用户用来进行分配的测验。 学生测验视图的实现有些棘手,因为我们需要根据学生对当前问题的反应方式动态显示主要/次要问题(即,如果学生正确回答了主要问题,他们将继续下一个主要问题。如果学生错误地回答了一个主要问题,则他们必须首先回答与上述主要问题相关的一系列次要问题,此外,用户界面需要确定何时用完了一系列次要问题才能转向后续的主要问题。是否存在其他主要问题。否则,应向学生提供最终测验分数。)

学生测验视图还需要从Hasura GraphQL端点提取问题数据,并在学生提交答案时发送student answer变异。

学生测验视图

票务摘要:

将Strip流与身份验证/授权实施集成(后端)

Trello门票#01

GitHub链接#01 PR59

react-stripe-elements 替换 react-stripe-checkout 并添加表单验证和用户反馈(前端)

特雷洛门票#02

GitHub链接#02 PR68

使“帐单”页完全响应(前端)

Trello门票#03

GitHub链接PR69

建立学生测验视图(前端)

特雷洛门票#04

GitHub链接PR85