[Solved] SOLVED:Shopping Cart

Part 1 This option involves designing a simple online marketplace (think amazon). This website will ultimately allow account registration, login/logoff and contain the following three pages (to balance the workload with the stock exchange website project): Content Page 1- Online Store: This page will show at least 6 items for sale. Each item will contain a picture, a price, and an item description (3 or more sentences). It will also contain a quantity field for each item. Each item will also have an “add to cart” button which will be used to add the chosen quantity of that item to the cart. Content Page 2- Cart: This page will contain the user’s current cart. It will show the name of each item in the cart, the quantity of that item in the cart, and the total cost of the item (item price x quantity of item). It will also show a grand total and contain two buttons, one called “Clear Cart” and one called “Checkout.” Choosing the “Clear Cart” option will clear out the cart. Choosing the Checkout option if the user has enough money in their account will clear the cart and present a success message and add the order to the user’s order history. It will also subtract the cost from the user’s account balance. If enough money is not in the user’s account, it will not clear out the cart and will not add the order to the user’s order history. Additionally, the page will contain a field for adding money to their account and a button called “add money” that adds the money to their account. For the purposes of this project, we will pretend that whatever amount of money the user places into the field is given to them for free when they click the add money button. Content Page 3 -Order History: This page will show the user’s history for each item ordered. It will show each order, the items and quantity of items in each order, and the total cost of each item. It will also show the total for each order. The page will also distinguish between each order and display a grand total for all orders combined. Assignment 1 Requirements You should choose one of the project options above and design a static website with the following elements. Note that if you choose option 1 or 2, you do not need to seek approval before submitting the assignment. 1. User account registration page The user account creation page should contain a form for creating a user account. It should include, at a minimum, fields for username, first name, last name, email, password, and one additional form element (this could be a checkbox, select drop down, or radio button choice). The page should also contain a create account button 2. Home/Login page This page should contain a title for the site, as well as a short description. It should also contain username and password fields and a login button. The page should use Javascript to visibly modify some element on the page when the mouse touches the login button. Alternatively, javascript could display an alert when the page loads. 3. Content Page 1 This page should contain content which will later become dynamic. However, it doesn’t actually have to do anything (no functionality). If you choose the marketplace option, this should have all of the item pictures and descriptions, as well as the quantity fields and buttons, but the buttons don’t have to do anything (no functionality). 4. Content page 2. This page should contain other content which will later become dynamic. In the case of the marketplace, it should be a fake cart, with all of the appropriate buttons and fields mentioned above. 5. Content page 3. This page should contain a fake order history. See above for details. The site should use css to implement some sort of simple color scheme and be reasonably aesthetically pleasing. (Basically it should not look ‘tacky’). All pages should be linked to all the other pages. Links should be in a consistent position. They should not move or break from page to page.