Skip to content

Conversation

@JordyMu
Copy link

@JordyMu JordyMu commented Feb 11, 2025

Learners, PR Template

Self checklist

  • I have committed my files one by one, on purpose, and for a reason
  • I have titled my PR with COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
  • I have tested my changes
  • My changes follow the style guide
  • My changes meet the requirements of this task

Changelist

Briefly explain your PR.

Questions

Ask any questions you have for your reviewer.

@netlify
Copy link

netlify bot commented Feb 11, 2025

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 9be54dc
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/68287bce4e1d140008dc5646
😎 Deploy Preview https://deploy-preview-260--cyf-onboarding-module.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 100 (no change from production)
Accessibility: 93 (🔴 down 7 from production)
Best Practices: 100 (no change from production)
SEO: 90 (🟢 up 4 from production)
PWA: -
View the detailed breakdown and full score reports

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

<label for="name">Name</label>
<input
type="text"
name="name"

Choose a reason for hiding this comment

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

You need to require a min of 2 char for the name

Copy link
Author

Choose a reason for hiding this comment

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

I added minlength="2" for require 2 char

Choose a reason for hiding this comment

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

Good

<input
type="text"
name="email"
id="email"

Choose a reason for hiding this comment

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

You need to ensure that the email is valid

Copy link
Author

Choose a reason for hiding this comment

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

I changed type="text" to type="email"

Choose a reason for hiding this comment

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

Good

<option value="XXL">XXL</option>
</select>
</div>
<div class="radio">

Choose a reason for hiding this comment

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

This needs to be required

Copy link
Author

Choose a reason for hiding this comment

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

the select size have the required

Choose a reason for hiding this comment

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

good

@@ -0,0 +1,123 @@
body {

Choose a reason for hiding this comment

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

No css allowed. Please remove

Copy link
Author

Choose a reason for hiding this comment

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

I removed body css

@Waldo-Strydom Waldo-Strydom added 👀 Review Requirements Reviewed Volunteer to add when completing a review with trainee action still to take. labels Feb 11, 2025
@@ -0,0 +1,124 @@
/* body { */

Choose a reason for hiding this comment

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

Please delete this file

Choose a reason for hiding this comment

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

Please delete the css file

<label for="name">Name</label>
<input
type="text"
name="name"

Choose a reason for hiding this comment

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

Good

<input
type="text"
name="email"
id="email"

Choose a reason for hiding this comment

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

Good

<option value="XXL">XXL</option>
</select>
</div>
<div class="radio">

Choose a reason for hiding this comment

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

good

</div>
<div class="radio">
<div>
<label for="black">Black</label>

Choose a reason for hiding this comment

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

The colors also needs to be required.

Copy link
Author

Choose a reason for hiding this comment

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

add required to colors

@JordyMu JordyMu changed the title ITP-Jan-25 Cape Town | Jordy Mukandayi | Module-Onboarding | Form-Controls |Week2 ITP-May-25 Cape Town | Jordy Mukandayi | Module-Onboarding | Form-Controls |Week2 May 5, 2025
Copy link

@Waldo-Strydom Waldo-Strydom left a comment

Choose a reason for hiding this comment

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

Please add the needed fixes

@@ -0,0 +1,124 @@
/* body { */

Choose a reason for hiding this comment

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

Please delete the css file

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

Choose a reason for hiding this comment

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

The colours need to be required

@Waldo-Strydom
Copy link

Well done

@Waldo-Strydom Waldo-Strydom added Complete Volunteer to add when work is complete and all review comments have been addressed. and removed 👀 Review Requirements labels May 17, 2025
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. 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.

3 participants