tracy8 / summative_assessment_one_group18 Goto Github PK

This project is a checkout page for a car rental case, featuring client-side validation for input fields using JavaScript. The validation ensures that the user inputs are correctly formatted before proceeding with the payment.

• Real-time Input Validation: Validates user inputs as they are typed, providing immediate feedback.
• Styled Form: Uses CSS for styling the form elements and error messages.
• Responsive Design: Ensures the checkout page is accessible and looks good on different screen sizes.

• Full Name: Must contain only letters and spaces.
• Email: Must follow a valid email format.
• Shipping Address: Accepts alphanumeric characters, commas, periods, and hyphens.
• Credit Card Number: Must be a valid credit card number format (16 digits).
• CVV: Must be a 3 or 4 digit number.
• Expiration Date: Must be in the MM/YY format.

.
├── index.html
├── assets
│   ├── css
│   │   └── style.css
│   ├── images
│   │   └── mazda-cx-9.png
│   └── js
│       └── validations.js
└── README.md

1. Clone the repository:

   git clone https://github.com/tracy20/summative_assessment_one_group.git

2. Navigate to the project directory:

   cd summative_assessment_one_group

3. Open index.html in your preferred web browser.

This project was developed by the members of Cohort2 Group18:

1. Patrick Niyogitare
2. Best Verie Iradukunda
3. Tracy Confiance Murenzi
4. Denyse Uwingeneye Mutoni
5. Fred Niyonshuti

Credit for the work goes to Cohort2 Group18 for their collaborative effort in developing this project.