Skip to content

London | 26-ITP-May | Damilola Odumosu| Sprint 1 | Form Controls#1347

Open
d-odumosu wants to merge 9 commits into
CodeYourFuture:mainfrom
d-odumosu:form
Open

London | 26-ITP-May | Damilola Odumosu| Sprint 1 | Form Controls#1347
d-odumosu wants to merge 9 commits into
CodeYourFuture:mainfrom
d-odumosu:form

Conversation

@d-odumosu
Copy link
Copy Markdown

London | 26-ITP-May | Damilola Odumosu| Sprint 1 | Form Controls

Learners, PR Template

Self checklist

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

Changelist

Completed the form controls fulfilling all the requirements set out in the read me.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 23, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit aa9ca4d
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a12e59c63cca9000831a68e
😎 Deploy Preview https://deploy-preview-1347--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: 91 (🟢 up 5 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.

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

This comment has been minimized.

@d-odumosu d-odumosu changed the title Form London | 26-ITP-May | Damilola Odumosu| Sprint 1 | Form Controls May 23, 2026
@d-odumosu d-odumosu added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 23, 2026
Copy link
Copy Markdown

@Luro91 Luro91 left a comment

Choose a reason for hiding this comment

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

How can you achieve a lighthouse score of 100?
Image

Comment thread Form-Controls/main.css
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Good job that you separated the CSS into its own file—that’s an excellent best practice and will make your code much easier to read, debug, and maintain as it grows.

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.

I also added a main tag and a meta content description to the head as recommended when i did the lighthouse testing.

Comment thread Form-Controls/index.html Outdated
Comment on lines +33 to +40
<div class="form-group">
<label for="firstname">First Name </label>
<input
type="text"
id="firstname"
name="firstname"
required
pattern="^[A-Za-z\s'-]{2,}$"
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Good job on the indentation. This makes the code easier to read.

Comment thread Form-Controls/index.html Outdated
id="lastname"
name="lastname"
required
pattern="^[A-Za-z\s'-]{2,}$"
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

The browser console shows an error here when I fill out the form

index.html?firstname=%C3%A4%C3%A4&lastname=%C3%A4%C3%A4&email=dada%40test.com&shirt=blue&size=small:1 Pattern attribute value ^[A-Za-z\s'-]{2,}$ is not a valid regular expression: Uncaught SyntaxError: Invalid regular expression: /^[A-Za-z\s'-]{2,}$/v: Invalid character in character class

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.

I have now fixed the pattern error

@Luro91 Luro91 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 May 24, 2026
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