You have {state.cart.contents.length} items in your cart!
+From afb9b7d452911f7d3172171a316b321f8619ff94 Mon Sep 17 00:00:00 2001 From: Mikayla Dobson <93477693+innocuous-symmetry@users.noreply.github.com> Date: Sun, 2 Oct 2022 12:54:32 -0500 Subject: [PATCH] instantiated new client directory. updated api url for client side app --- _client/.gitignore | 24 + _client/index.html | 13 + _client/package-lock.json | 2662 +++++++++++++++++ _client/package.json | 23 + _client/src/App.scss | 134 + _client/src/App.tsx | 41 + .../src/components/AdminPortal/AdminHome.tsx | 33 + _client/src/components/Cart/Cart.tsx | 44 + _client/src/components/Cart/CartItem.tsx | 21 + _client/src/components/LandingPage.tsx | 28 + _client/src/components/Navbar.tsx | 52 + .../src/components/Products/ProductCard.tsx | 35 + .../src/components/Products/ProductFilter.tsx | 3 + .../src/components/Products/ProductPage.tsx | 27 + _client/src/components/Products/Products.tsx | 49 + _client/src/components/User/LoginForm.tsx | 89 + _client/src/components/User/Register.tsx | 111 + _client/src/components/User/UserProfile.tsx | 26 + _client/src/favicon.svg | 15 + _client/src/index.scss | 13 + _client/src/main.tsx | 5 + _client/src/store/store.ts | 71 + _client/src/store/store_types.ts | 63 + _client/src/types/main.d.ts | 62 + _client/src/util/Page.tsx | 9 + _client/src/util/apiUtils.ts | 72 + _client/src/util/helpers.ts | 18 + _client/src/vite-env.d.ts | 1 + _client/tsconfig.json | 25 + _client/tsconfig.node.json | 8 + _client/vite.config.ts | 7 + 31 files changed, 3784 insertions(+) create mode 100644 _client/.gitignore create mode 100644 _client/index.html create mode 100644 _client/package-lock.json create mode 100644 _client/package.json create mode 100644 _client/src/App.scss create mode 100644 _client/src/App.tsx create mode 100644 _client/src/components/AdminPortal/AdminHome.tsx create mode 100644 _client/src/components/Cart/Cart.tsx create mode 100644 _client/src/components/Cart/CartItem.tsx create mode 100644 _client/src/components/LandingPage.tsx create mode 100644 _client/src/components/Navbar.tsx create mode 100644 _client/src/components/Products/ProductCard.tsx create mode 100644 _client/src/components/Products/ProductFilter.tsx create mode 100644 _client/src/components/Products/ProductPage.tsx create mode 100644 _client/src/components/Products/Products.tsx create mode 100644 _client/src/components/User/LoginForm.tsx create mode 100644 _client/src/components/User/Register.tsx create mode 100644 _client/src/components/User/UserProfile.tsx create mode 100644 _client/src/favicon.svg create mode 100644 _client/src/index.scss create mode 100644 _client/src/main.tsx create mode 100644 _client/src/store/store.ts create mode 100644 _client/src/store/store_types.ts create mode 100644 _client/src/types/main.d.ts create mode 100644 _client/src/util/Page.tsx create mode 100644 _client/src/util/apiUtils.ts create mode 100644 _client/src/util/helpers.ts create mode 100644 _client/src/vite-env.d.ts create mode 100644 _client/tsconfig.json create mode 100644 _client/tsconfig.node.json create mode 100644 _client/vite.config.ts diff --git a/_client/.gitignore b/_client/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/_client/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/_client/index.html b/_client/index.html new file mode 100644 index 0000000..59bf411 --- /dev/null +++ b/_client/index.html @@ -0,0 +1,13 @@ + + +
+ + + +Choose from the options below:
+ +Please click here to return home.
+You have {state.cart.contents.length} items in your cart!
+Subtotal: {subtotal}
+{product.price}
+Quantity: {quantity}
+ setQuantity(Number(e.target.value))}> +Thanks so much for visiting!
+This site was built as part of the curriculum for the Codecademy Full Stack Engineer career path. The listings you see on this site do correspond to + real life products, which can be purchased through a functioning payment system powered by Stripe. Personal data is rigorously encoded and + protected. Feel free to shoot me a message with any questions or comments about this project, and enjoy browsing!
+Category: {category}
+{description}
+Price: {`$${price}` || "Free, apparently!"}
+(a photo here)
+{info.description}
+Price: ${info.price}
+Loading...
} +Log in with a third party provider:
+New here? Click here to register!
+