Skip to content

London | 26-ITP-Sep | Mars Adesina | Sprint 1 | Form Controls - #1498

Open
marscancode wants to merge 9 commits into
CodeYourFuture:mainfrom
marscancode:feature/form-controls
Open

London | 26-ITP-Sep | Mars Adesina | Sprint 1 | Form Controls#1498
marscancode wants to merge 9 commits into
CodeYourFuture:mainfrom
marscancode:feature/form-controls

Conversation

@marscancode

@marscancode marscancode commented Sep 11, 2026

Copy link
Copy Markdown

London | 26-ITP-Sep | Mars Adesina | Sprint 1 | Form Controls

Learners, PR Template

Self checklist

  • 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

Task code

CYF-1004

Changelist

Created a T-shirt order form using HTML with:

  • A required name field with at least two non-space characters.
  • A required email field that follows a consistent pattern.
  • A required choice of 1 option out of 3 T-shirt colours.
  • A required choice of 1 option out of 6 T-shirt sizes.
  • Form validation tested in the browser.
  • Semantic HTML.

I created a form in HTML using form validation, where customers have to enter a required valid name and a required valid email. They also have to choose from three T-shirt colour options and one of six T-shirt sizes. I tested the form using DevTools, including Lighthouse, and the W3C validator. I received a Lighthouse Accessibility score of 100 and no errors after refactoring my requirements, indentation, and HTML semantics.

@netlify

netlify Bot commented Sep 11, 2026

Copy link
Copy Markdown

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 8497414
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6aa427b2c1ebf200083cbd6a
😎 Deploy Preview https://deploy-preview-1498--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: 82 (🔴 down 4 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.

@marscancode marscancode added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Sep 11, 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 11, 2026
@github-actions

This comment has been minimized.

2 similar comments
@github-actions

This comment has been minimized.

@github-actions

This comment has been minimized.

@marscancode marscancode changed the title CYF-1004 (Finished Form Controls) London | 26-ITP-Sep | Mars Adesina | Sprint 1 | Form Controls Sep 11, 2026
@marscancode marscancode added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. 📅 Sprint 1 Assigned during Sprint 1 of this module labels Sep 11, 2026

@abdishakoor-dev abdishakoor-dev 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.

All the requirements are met, the form works and the file is clean: validator and Prettier both pass. Good commits too, one per step.

One inline note for next time, not a blocker. Marking this Complete.

Comment thread Form-Controls/index.html
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<!-- <objectives>

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.

The checklist comments here and on lines 20 and 37 were useful while you worked, but now everything is ticked they're the README pasted into the page. Comments in the code are for whoever reads the code later. A checklist like this belongs in the PR description, which you've already written well.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

Thank you Abdi! I'll remove the checklist comments from my code and make sure not to do the same thing with the upcoming coursework.

@abdishakoor-dev abdishakoor-dev added Complete Volunteer to add when work is complete and all review comments have been addressed. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Sep 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Complete Volunteer to add when work is complete and all review comments have been addressed. 📅 Sprint 1 Assigned during Sprint 1 of this module

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants