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
• [ ✔️ ] 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]

✅ Deploy Preview for cyf-ufd ready!

Name	Link
🔨 Latest commit	c3a627d
🔍 Latest deploy log	https://app.netlify.com/sites/cyf-ufd/deploys/670ff47746cd4d00080a96c0
😎 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.