Checkout Page

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• Contact
• Acknowledgements

Overview

Built With

• HTML
• CSS
  • CSS Grid -Bootstrap
• JavaScript

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given 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

How To Use

To clone and run this application, you'll need Git. From your command line:

# Clone this repository
$ git clone https://github.com/alexbaezd/checkout-page.git

$ cd recipe-page

# Open index.html on the browser

Acknowledgements

• Client-side form validation
• :nth-child()
• JavaScript Client-side Form Validation
• bootstrap-select

Contact

• Website alexbaez.dev
• GitHub @alexbaezd