MarianaGT / checkout-page

Checkout page

Solution for a challenge from Devchallenges.io.

Demo | Challenge

Table of Contents

• Overview
  • Built With
• Features
• Contact
• Acknowledgements

Overview

Basic HTML5 built-in form types and validations were implemented. Inputs were customized with CSS and the order of the layout sections was modified with the flex-direction: column-reverse; property. Other validations and alerts were explored with a couple of solutions using JavaScript.

Built With

• HTML5
• CSS
• JavaScript

Features

List the features of your application or follow the template. Don't share the figma file here :)

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 and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Node.js
• Marked - a markdown parser

Contact

• Website your-website.com
• GitHub @your-username
• Twitter @your-twitter