{Checkout Page test 1}

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• Contact
• Acknowledgements

Overview

The structure

For create the structure , I have use the container tag in html, for structure in two blocks one for the items / price component and the second for the form component. With the flex I modify the position in mobile or pc device.

The form

For this I have used the basic tag in html for create this and I used the required element in input tag for obliged user to write in input.

The js

For the items/prices js, I am used the getElementById for shearch the buton + & - for incremant the numbers of this and the number is write with the innerHTML. To final price for all items, I have used a basic math formul.

For the form, I have used the localStorage for store deferently information of this and used a count for verrify the content after send this at the server.

Built With

• Js vanilla / localStorage
• HTML 5
• CSS 3

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.

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 @antozr