Manchester | 26-Sep-ITP | Mathew Shaibu | Sprint 1 | Form Controls

[MattCarolus10]

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

• Built form controls in index.html with text input, email and select downdrops
• Added labels, validation, submit/reset button and autocomplete attribute
• Cleaned up leftover template comments

Questions

I struggled to get back to this project on VSCode, it kept taking me to the main CYF repo, but I figured it out making some research and running some code suggested. How do I avoid forking from CYF repo to avoid reocourence in the future?

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	083e688
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6aa918d9299c040008171bfe
😎 Deploy Preview	https://deploy-preview-1505--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
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.

[cjyuan]

Code looks good. I just have a few suggestions.

[cjyuan]

If comments are no longer needed in the final implementation, you could remove them to keep the code clean.

[cjyuan]

Note: Chrome Developer Tools and AI tools may provide useful insights into how we can further improve our implementation. While you are not required to follow their suggestions in every exercise, taking the time to consider them can often help us learn more effectively.

Here's an example,

[cjyuan]

Code is well formatted. Are they formatted manually?

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.

[MattCarolus10]

I formatted it using the right click "format documents". Thanks for this comment I really appreciate it.

[cjyuan]

Could you use an AI tool to find out "What's the purpose of the Changelist section in a PR description?" and then update the Changelist section of this PR accordingly?

[cjyuan]

Changes look good. Well done.

---

I struggled to get back to this project on VSCode, it kept taking me to the main CYF repo, but I figured it out making some research and running some code suggested. How do I avoid forking from CYF repo to avoid reocourence in the future?

Once you have forked a repo to your GitHub account, you would not be able to fork the same repo again unless you deleted the forked repo.

Do you mean "clone"? Which URL did you used when you cloned the repo? Based on what you described, you might have cloned CYF's repo instead of yours. You can ask AI for the Git command to show the upstream URL of your repo on your computer.

It's better to ask a volunteer in person on Saturday.