Skip to content

Cape Town | 25-ITP-MAY | Asanda Dunn | Sprint 1 | Form Controls - #1524

Open
asandagwala wants to merge 3 commits into
CodeYourFuture:mainfrom
asandagwala:form-controls
Open

asandagwala wants to merge 3 commits into
CodeYourFuture:mainfrom
asandagwala:form-controls

Conversation

@asandagwala

@asandagwala asandagwala commented Sep 15, 2026

Copy link
Copy Markdown

Task ID: CYF-1004

  • I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
  • My changes meet the requirements of the task
  • I have tested my changes
  • My changes follow the [style guide]

PR Description

  • Added a form to collect customer name and email
  • Added colour selection using radio buttons
  • Added T-shirt size dropdown with required options
  • Added HTML validation for required fields
  • Added submit button

@netlify

netlify Bot commented Sep 15, 2026

Copy link
Copy Markdown

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 61422ad
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6aa92c6ea7d48700086f6e3b
😎 Deploy Preview https://deploy-preview-1524--cyf-onboarding-module.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
2 paths audited
Performance: 100 (no change from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 83 (🔴 down 3 from production)
PWA: -
View the detailed breakdown and full score reports
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions

This comment has been minimized.

1 similar comment
@github-actions

This comment has been minimized.

@asandagwala asandagwala added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 15, 2026
@github-actions

This comment has been minimized.

@github-actions github-actions Bot removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 15, 2026
@asandagwala asandagwala changed the title Cape Town | 25-ITP-SEP | Asanda Dunn | Sprint 1 | Form Controls Cape Town | 25-ITP-SEP | Asanda Dunn | Sprint 1 | Form Controls | CYF-1004 Sep 15, 2026
@github-actions

This comment has been minimized.

@asandagwala asandagwala changed the title Cape Town | 25-ITP-SEP | Asanda Dunn | Sprint 1 | Form Controls | CYF-1004 Cape Town | 25-ITP-SEP | Asanda Dunn | Sprint 1 | CYF-1004 Sep 15, 2026
@github-actions

This comment has been minimized.

@asandagwala asandagwala changed the title Cape Town | 25-ITP-SEP | Asanda Dunn | Sprint 1 | CYF-1004 Cape Town | 25-ITP-Sep | Asanda Dunn | Sprint 1 | Form Controls Sep 15, 2026
@github-actions

This comment has been minimized.

@asandagwala asandagwala added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 15, 2026
@asandagwala asandagwala changed the title Cape Town | 25-ITP-Sep | Asanda Dunn | Sprint 1 | Form Controls Cape Town | 25-ITP-MAY | Asanda Dunn | Sprint 1 | Form Controls Sep 15, 2026

@cjyuan cjyuan left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Could you improve the Lighthouse Accessibility score to 100?
Image
  1. Currently, the user could submit the form without filling in all input. Could you fix the issue?

Comment thread Form-Controls/index.html
Comment on lines +29 to +39
<div>
<p>Colour</p>
<input type ="radio" name = "colour" id = "red" value = "Red" required />
<label for = "red">Red</label>

<input type = "radio" name = "colour" id = "blue" value = "Blue"/>
<label for = "blue">Blue</label>

<input type = "radio" name = "colour" id = "black" value = "Black"/>
<label for = "black">Black</label>
</div>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Indentation and spacing aree not fully consistent.

Suggestion:

  • Look up the benefits of using a code formatter.
  • Install the Prettier extension for VS Code, then:
    • Use VS Code's Format Document feature to format your code.
    • Optionally, enable Format On Save and Format On Paste to keep your code consistently formatted.

Resource: Visual Studio Code - Formatting

Note: The formatter may not work correctly if your code contains syntax errors.

@cjyuan cjyuan added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Sep 17, 2026
@cjyuan

cjyuan commented Sep 17, 2026

Copy link
Copy Markdown
Contributor

In your PR description,

  • The Task Code section is not formatted properly.
  • A "Changelist" section heading is missing.

Could you refer to some of these completed PRs to see how the PR description should look like, and then update your PR description accordingly?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Reviewed Volunteer to add when completing a review with trainee action still to take.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants