add frontend-react for grabdish

Author: paulparkinson

grabdish/frontend-react/.eslintcache

@@ -0,0 +1 @@
+[{"/home/mark/src/react-course/grabdish/src/index.js":"1","/home/mark/src/react-course/grabdish/src/App.js":"2","/home/mark/src/react-course/grabdish/src/components/Layout/Header.js":"3","/home/mark/src/react-course/grabdish/src/components/Layout/HeaderCartButton.js":"4","/home/mark/src/react-course/grabdish/src/components/Cart/CartIcon.js":"5","/home/mark/src/react-course/grabdish/src/components/Meals/Meals.js":"6","/home/mark/src/react-course/grabdish/src/components/Meals/MealsSummary.js":"7","/home/mark/src/react-course/grabdish/src/components/Meals/AvailableMeals.js":"8","/home/mark/src/react-course/grabdish/src/components/UI/Card.js":"9","/home/mark/src/react-course/grabdish/src/components/Meals/MealItem/MealItem.js":"10","/home/mark/src/react-course/grabdish/src/components/Meals/MealItem/MealItemForm.js":"11","/home/mark/src/react-course/grabdish/src/components/UI/Input.js":"12","/home/mark/src/react-course/grabdish/src/components/Cart/Cart.js":"13","/home/mark/src/react-course/grabdish/src/components/UI/Modal.js":"14","/home/mark/src/react-course/grabdish/src/store/CartProvider.js":"15","/home/mark/src/react-course/grabdish/src/store/cart-context.js":"16","/home/mark/src/react-course/grabdish/src/components/Cart/CartItem.js":"17"},{"size":179,"mtime":1648642748000,"results":"18","hashOfConfig":"19"},{"size":655,"mtime":1654785875033,"results":"20","hashOfConfig":"19"},{"size":607,"mtime":1654718560024,"results":"21","hashOfConfig":"19"},{"size":1170,"mtime":1654792222073,"results":"22","hashOfConfig":"19"},{"size":511,"mtime":1654714394324,"results":"23","hashOfConfig":"19"},{"size":264,"mtime":1654715554524,"results":"24","hashOfConfig":"19"},{"size":528,"mtime":1654715083704,"results":"25","hashOfConfig":"19"},{"size":1117,"mtime":1654717231294,"results":"26","hashOfConfig":"19"},{"size":153,"mtime":1654715917964,"results":"27","hashOfConfig":"19"},{"size":889,"mtime":1654788515083,"results":"28","hashOfConfig":"19"},{"size":1186,"mtime":1654788507983,"results":"29","hashOfConfig":"19"},{"size":305,"mtime":1654787822753,"results":"30","hashOfConfig":"19"},{"size":1924,"mtime":1654793523593,"results":"31","hashOfConfig":"19"},{"size":700,"mtime":1654719011264,"results":"32","hashOfConfig":"19"},{"size":2555,"mtime":1654792413903,"results":"33","hashOfConfig":"19"},{"size":190,"mtime":1654785615193,"results":"34","hashOfConfig":"19"},{"size":612,"mtime":1616590017000,"results":"35","hashOfConfig":"19"},{"filePath":"36","messages":"37","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1hpx26z",{"filePath":"38","messages":"39","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"42","messages":"43","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"44","messages":"45","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"46","messages":"47","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"48","messages":"49","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"50","messages":"51","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"52","messages":"53","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"54","messages":"55","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"56","messages":"57","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"58","messages":"59","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"66","messages":"67","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"68","messages":"69","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/home/mark/src/react-course/grabdish/src/index.js",[],"/home/mark/src/react-course/grabdish/src/App.js",[],"/home/mark/src/react-course/grabdish/src/components/Layout/Header.js",[],"/home/mark/src/react-course/grabdish/src/components/Layout/HeaderCartButton.js",[],"/home/mark/src/react-course/grabdish/src/components/Cart/CartIcon.js",[],"/home/mark/src/react-course/grabdish/src/components/Meals/Meals.js",[],"/home/mark/src/react-course/grabdish/src/components/Meals/MealsSummary.js",[],"/home/mark/src/react-course/grabdish/src/components/Meals/AvailableMeals.js",[],"/home/mark/src/react-course/grabdish/src/components/UI/Card.js",[],"/home/mark/src/react-course/grabdish/src/components/Meals/MealItem/MealItem.js",[],"/home/mark/src/react-course/grabdish/src/components/Meals/MealItem/MealItemForm.js",[],"/home/mark/src/react-course/grabdish/src/components/UI/Input.js",[],"/home/mark/src/react-course/grabdish/src/components/Cart/Cart.js",[],"/home/mark/src/react-course/grabdish/src/components/UI/Modal.js",[],"/home/mark/src/react-course/grabdish/src/store/CartProvider.js",[],"/home/mark/src/react-course/grabdish/src/store/cart-context.js",[],"/home/mark/src/react-course/grabdish/src/components/Cart/CartItem.js",[]]

grabdish/frontend-react/.gitignore

@@ -0,0 +1 @@
+node_modules

grabdish/frontend-react/public/favicon.ico

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="overlays"></div>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

grabdish/frontend-react/public/index.html

@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

grabdish/frontend-react/public/logo192.png

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

grabdish/frontend-react/public/logo512.png

@@ -0,0 +1,29 @@
+import { useState } from "react";
+import Header from "./components/Layout/Header";
+import Meals from "./components/Meals/Meals";
+import Cart from "./components/Cart/Cart";
+import CartProvider from "./store/CartProvider";
+
+function App() {
+  const [cartIsShown, setCartIsShown] = useState(false);
+
+  const showCartHandler = () => {
+    setCartIsShown(true);
+  }
+
+  const hideCardHandler = () => {
+    setCartIsShown(false);
+  }
+
+  return (
+    <CartProvider>
+      {cartIsShown && <Cart onClose={hideCardHandler} />}
+      <Header onShowCart={showCartHandler} />
+      <main>
+        <Meals />
+      </main>
+    </CartProvider>
+  );
+}
+
+export default App;