Niwali Programmer Test

1. Pass the design from Photoshop to HTML/CSS (Clean Code) 2. Validate all the form input fields with Javascript or Jquery: a. All fields are required (No empty fields) b. Valid Email syntax (your@email.com) c. Phone field just numbers can be written d. Country must be a Select Field with USA and Canada as options. e. The Terms & Conditions Checkbox must be checked to be able to create an order. 3. The form must calculate the total price everytime you select a product and/or change the country. The color of the price of the chosen product must change or highlight from the rest. The shipping price for USA is 4.95 and for Canada is 9.95. The prices for each product are the ones in the image. 4. The order must be created with Ajax/Jquery thru our API. The url of the API is http://www.niwali.com/scripts/api/niwaliTestsAddOrder.php 5. All the API fields are required. Their name, types and values are: Field user key fullname email phone address city state country product shipping total Type String String String String String String String String String Number Number Number Value franciscob n1w4l1t35t5 Input on form Input on form Input on form Input on form Input on form Input on form Input on form Input on form Post on form Post on form

6. After the Order is created, the Order Id must be displayed on the screen on the same page (No refresh or navigate to other page). 7. To test if the Order was correctly created, you can go to www.niwali.com/tests/checkOrder.html and write the Order Id returned by the API and press the Check button. 8. The form must be compatible and functional in Chrome, Firefox and Internet Explorer.