diff --git a/shopping-cart/src/Cart.jsx b/shopping-cart/src/Cart.jsx
index e69de29..44b5c76 100644
--- a/shopping-cart/src/Cart.jsx
+++ b/shopping-cart/src/Cart.jsx
@@ -0,0 +1,30 @@
+const Cart = (props) => {
+    return (
+        <section>
+           {props.cart ? (
+            <div>
+                <h2>Cart</h2>
+                {props.cart.map((item) => 
+                     <CartItem item={item} qty={item.qty} />
+                )}
+            </div>
+           ) : (<h2>Your cart is empty</h2>)} 
+        
+        </section>
+    )
+}
+
+
+function CartItem({item, qty}) {
+    const {name, price, img} = item;
+
+    return (
+        <div>
+            <img src={img} alt={name} />
+            <h3>{name}</h3>
+            <p>Qty: {qty}</p>
+            <p>{price}</p>
+            <p>{price * qty}</p>
+        </div>
+    )
+}
\ No newline at end of file