bootstrap cards list the beers that the user has in their cart, and the appropriate properties

[acasey98]

User Story

As a user, I want to see the beers that I have selected for purchase displayed in cards that detail the beer name, beer image, cost per pack, and quantity selected for purchase.

AC

WHEN the checkout page is visited THEN appropriate properties of each object with quantity > 0 should be printed to the top of the DOM as BS4 cards with: beer name, beer image, price per pack, and quantity.

Development

• implement appropriate BS4 links for the css and js
• implement a BS4 navBar and footer placeholder
• create a function called printCart that uses a forEach loop to loop through the shoppingCartArray for each beer, then prints the appropriate properties (name, image, price per, quantity) to a card, but only if the 'quantity' property is greater than 0

[acasey98]

[zoeames]

@acasey98 talk with kieth about this ticket. You should both really be creating a new array for the shopping cart. talk about what that array is going to look like so he can make sure he is putting things in that array for you. That way you will know what dummy data to put in the array so you can start working

[zoeames]

👍