As a user, I would like to see the course checkout page

[erikachenchan]

View course and Checkout Implementation

Acceptance Criteria

As a user, I should be able to enrol the course that I want

Notes

• Refer to the Figma design prototype " 5.1 - Course Checkout WDM ", click here.

Steps that need to be completed

• [ ] User should login first before placing the order
• [ ] User must be able to checkout after placing the order
• [ ] User must be able to see a validation error message in case they fill incorrect details or leave fields blank.

Performance Criteria

The "Performance Criteria” establishes the system’s performance expectations.

• [ ] The data should load fast.
• [ ] Fetching data for courses cards should not be slow.

Steps that need to be completed

• [ ] Users must be able to see a form in the checkout page
• [ ] Returning user should be able login first before checkout
• [ ] New user should be force to create new account in the form before buying course.
• [ ] User must be able to see the confirmation page after buying the course
• [ ] User must be able to see the invoices after buying the course in their email immediately.

Definition of Ready

The "Definition of Ready” means that stories must be immediately actionable.

• [ ] Has acceptance criteria.
• [ ] Has the appropriate labels.
• [ ] Has a testable criteria.
• [ ] Has steps that need to be completed.

Definition of Done

The "Definition of Done” is when it meets all the criteria and delivers the desired functionality, then it is considered 'done'.

• [ ] All tests (old and new) have passed.
• [ ] All old tests have been removed.
• [ ] Updated or added features to the documentation.

Additional Notes:

• If you have any questions or need clarification, feel free to ask.

[erikachenchan]

For this part, I want to have a url endpoint like this https://www.daedalus.codes/checkout/?add-to-cart=[product_number]