Question
Tasks: In this assignment, you are to develop a web application for a garage sale fund raiser. The organizers want an online garage sale application
Tasks: In this assignment, you are to develop a web application for a garage sale fund raiser. The organizers want an online garage sale application where the users can fill an online form and be given a receipt. The fund raiser cause, sale items and inventory are left to your discretion. At this time, you do not have to process the forms on the server side or save the data into a database. You are only required to do client-side programming where the code runs in the browser. HTML Requirements: In order to generate an estimate, collect the users name, email address and credit card information. (1 mark) Make sure there are at least 5 items available for sale. (1 mark) JavaScript Requirements: All JavaScript code must be located in an external script file. (1 mark) The following user inputs must be validated: 2 Mandatory fields name and email address. (1 mark) Fields with specific format (3 marks): Credit Card in format xxxx-xxxx-xxxx-xxxx eg: 4111-1111-1111-1111 Credit Card Expiry Month in format: MMM eg: NOV Credit Card Expiry Year in format: yyyy eg: 2021 At least one item should be bought and the value customer enters in the item quantity input boxes should be a number. Do not use input type number in HTML. You must do the validation in JavaScript. (2 marks) PROG8020 2 As a part of the fund raiser the customer must donate $10 or 10% of the total price of items they are buying, whichever is higher. Automatically calculate the donation amount based on the total purchase. (2 marks) If any errors exist, display all the error messages on the web page. Do not use a JavaScript popup box for this purpose or show only one error at a time. (1 mark) Generate a receipt to give to the customer. Show only the last 4 digits of the credit card along with the rest of the information like name, email, products, quantity, total cost, donation amount, etc. (2 marks) 2.Video demo explaining your code and showing the final execution of the assignment. Make sure to showcase all the features of your application like filling the product quantity, customer name, all the validations and receipt. For the video demo, you are not required to use your camera, but you can if you want. You are only required to record your screen and your voice explaining the solution and your code. Please submit .mp4 files only. You can use Zoom/PowerPoint for doing that, but you can use any other software for recording the video too. (4 marks) Do need the code not the explanation
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started