created two more Comps to store cart data

src/App.js

@@ -1,8 +1,9 @@
 import "./App.css";
 import Header from "./components/Layout/Header";
-import { Fragment, useState } from "react";
+import { useState } from "react";
 import Meals from "./components/Meals/Meals";
 import Cart from "./components/Cart/Cart";
+import CartProvider from "./store/CartProvider";
 
 function App() {
   const [cartIsShown, setCartIsShown] = useState(false);
@@ -13,13 +14,13 @@ function App() {
     setCartIsShown(false);
   };
   return (
-    <Fragment>
+    <CartProvider>
       {cartIsShown && <Cart onHideCart={hideCartHandler} />}
       <Header onShowCart={showCartHandler} />
       <main>
         <Meals />
       </main>
-    </Fragment>
+    </CartProvider>
   );
 }
 

src/store/CartProvider.jsx

@@ -0,0 +1,18 @@
+import React from "react";
+import CartContext from "./cart-context";
+
+const CartProvider = (props) => {
+  const addItemToCartHandler = (item) => {};
+  const removeItemFromCarthandler = (id) => {};
+
+  const cartContext = {
+    items: [],
+    totalAmount: 0,
+    addItem: addItemToCartHandler,
+    removeItem: removeItemFromCarthandler,
+  };
+
+  return <CartContext.Provider value={cartContext} >{props.children}</CartContext.Provider>;
+};
+
+export default CartProvider;

src/store/cart-context.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+const CartContext = React.createContext({
+  items: [],
+  totalAmount: 0,
+  addItem: (item) => {},
+  removeItem: (id) => {},
+});
+
+export default CartContext;