Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Beginning ASP.NET 2.0 And Databases

Authors: John Kauffman, Bradley Millington

1st Edition

0471781347, 978-0471781349

More Books

Students also viewed these Databases questions

Question

What are some of the hiring standards to avoid?

Answered: 1 week ago

Question

Explain the concept of shear force and bending moment in beams.

Answered: 1 week ago