arrizkyhp / dc-checkout-page

Checkout Page

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• Contact
• Acknowledgements

Overview

📱 Mobile Version

Built With

• Html
• Css
• JavaScript

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the following user stories:

• User story: I can see a page following the given design.
• User story: I can input email, phone, full name, address, city, country, and postal code.
• User story: I can input the number of items.
• User story: I can select at least 3 countries from the dropdown.
• User story: When I click submit button or press enter, I can see a warning if validation fails.
• User story: When I click submit button or press enter, I can see a successful alert if validation succeeds.

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Email Validation
• JavaScript Form Validation
• How to change select dropdown arrow in CSS
• Jquery Increment / Decrement Input value
• onchange event for input type="number"
• HTML5 placeholder css padding

Contact

• GitHub @arrizkyhp
• Twitter @arrizkyhp