SOUTH AFRICA - ITP | Luke Manyamazi | Module-User-Focused-Data | Week 2

[Luke-Manyamazi]

Learners, PR Template

Self checklist

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

Changelist

• added html
• added css

Briefly explain your PR.

This PR adds a form that allows customers to order t-shirts, following the specified requirements. The form collects customer details (name, email), t-shirt color, size, and delivery date. Key features include:

1. Form Structure:

   • Collects customer's name, email, t-shirt color, size, and delivery date.
   • All fields are required for submission.

2. Validation:

   • Name input has validation for letters and spaces.
   • Email input uses built-in HTML validation to ensure proper formatting.
   • T-shirt color options are limited to three choices (radio buttons).
   • Size is selected via a dropdown menu with six predefined options (XS-XXL).
   • Delivery date selection uses a date input with future date restrictions.

3. CSS Styling:

   • Form layout is user-friendly with aligned labels and fields.
   • Styles for validation feedback are included for required and invalid inputs.

Questions

Ask any questions you have for your reviewer.

[netlify[bot]]

✅ Deploy Preview for cyf-ufd ready!

Name	Link
🔨 Latest commit	e425417301425ad840be233dc829eca44de0b321
🔍 Latest deploy log	https://app.netlify.com/sites/cyf-ufd/deploys/6714d182eaba42000852d8e4
😎 Deploy Preview	https://deploy-preview-230--cyf-ufd.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[Waldo-Strydom]

It is also best practice to always add a submit button.

[Luke-Manyamazi]

Hi Waldo, I have incorporated all the points you noted in the review, Kindly check and advise.