rinatoyo / shopping-cart

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

shopping-cart

Getting Started

  1. Fork and Clone this repository.
  2. Create the project file structure.

You are tasked to build and design the front-end of a new highly-sophisicated locally-built powerhouse meme-tastic shopping cart named... ShoppingCart.io.

Your Tasks

  1. Reproduce the layout.
  2. Generate the items in the cart with the data given to you. Item data should not be hardcoded!
  3. Find images that match the product
  4. When clicking on the product name, it will show and hide (toggle) the description of the product.
  5. For the subtotal, add up the total price of all items. This should not be hardcoded!

note: you can use the cart.svg file as your image, just include it in your HTML markup

Your Items Data

[{product: "Finger Toothbrush", description: "A helping hand to a nicer smile.", price: 1.11}, {product: "Barry Manilow's Greatest Hits Collection Vol 1", description: "Music the way it should be! Reminisce the past glory as your ship to happiness has sailed.", price: 39.57}, {product: "Ramen Oreos", description: "The overly used cliche 'East Meets West' comes to life as Nabisco has infused the savory flavors of the Far East sandwiched between two chocolate wafers. Dip that in your sake.", price: 8.88}, {product: "Woof Washer 360", description: "Wash your dirty stinky mutt in minutes! Water and dog not included." , price: 9.29}, {product: "Sauna Pants", description: "Is it hot in here? Indeed. It's my pants. Look cool while losing weight.", price: 2.33}, {product: "Hug Me Pillow", description: "No more lonely nights as you snuggle with your best friend. And it will never walk out on you.", price: 599.99}];

About


Languages

Language:HTML 52.2%Language:JavaScript 39.6%Language:CSS 8.2%