Name		Name	Last commit message	Last commit date
parent directory ..
assets		assets
css		css
js		js
README.md		README.md
index.html		index.html

README.md

#HTML #CSS #JavaScript #assembler-institute-of-technology

Shopping wizzard

In this project we developed a shopping process form with several steps, where each step will have its own validation. All of this in one HTML page and the content change dynamically. This Shopping process is an HTML form with custom CSS styles and JS validation. This project has helped us as a team:

To improve our knowledge of JavaScript
Learn to work with the HTML DOM.
Learn and improve our knowledge in logic processes
Learn to validate forms using Javascript.

The Project

This shopping wizzard user friendly interface is make to simulate a shopping experience from choosing the size and color to make the purchase(on bank cards involved). Our project theme is carried away into selling electric kick scooters. To make it more fun we have added a timer during the purchase, if it exceeds you will be redirect to the main page.

You will friendly be welcomed into the main page where you can select your perfect fit.
After so you will be greet into a SignUp form page where the password need to be the same.
1. Password must be at least 8 characters, minimum of 1 lower case letter [a-z], minimum of 1 upper case letter [A-Z], minimum of 1 numeric character [0-9] and a minimum of 1 special character: ~`!@#$%^&*()-_+={}[]|;:"<>,./?
After so the address where the electric kick scooter will be delivered will be asked.
The shipping page will be shown so you can choose what you want as delivery. How faster the delivery how more expensive it gets. You can also add a gift card for free!
The hole experience comes down to this moment... The validation and final button to confirm the purchase.