Task3

README.md

@@ -5,9 +5,7 @@
 
 #### What was done
 
-1. Task 2.1: Manual Deployment
-2. Task 2.2: Automated Deployment
+Attempted to connect product APIs but somehow it isn't working
 
-### Links for Task #2
-- CloudFront URL (this one should work): https://d2s4vtjjdp7wcf.cloudfront.net/
-- S3-website URL (this one should give 403 Forbidden error): https://shop-react-redux-cloudfront-sujit.s3.ap-south-1.amazonaws.com/
+FE App: https://d2s4vtjjdp7wcf.cloudfront.net/
+BE PR: https://github.com/sujit-epam/jscc-aws-backend/pull/1

serverless.yml

@@ -5,7 +5,7 @@ frameworkVersion: "3"
 provider:
   name: aws
   runtime: nodejs14.x
-  region: eu-west-1
+  region: ap-south-1
   # setup profile for AWS CLI.
   # profile: node-aws
 
@@ -102,10 +102,7 @@ resources:
             CachedMethods: ["GET", "HEAD", "OPTIONS"]
             ForwardedValues:
               Headers:
-                - Access-Control-Request-Headers
-                - Access-Control-Request-Method
-                - Origin
-                - Authorization
+                - Access-Control-Allow-Origin *
               ## Defining if and how the QueryString and Cookies are forwarded to the origin which in this case is S3
               QueryString: false
               Cookies:

src/constants/apiPaths.ts

@@ -1,9 +1,9 @@
 const API_PATHS = {
-  product: "https://.execute-api.eu-west-1.amazonaws.com/dev",
-  order: "https://.execute-api.eu-west-1.amazonaws.com/dev",
-  import: "https://.execute-api.eu-west-1.amazonaws.com/dev",
-  bff: "https://.execute-api.eu-west-1.amazonaws.com/dev",
-  cart: "https://.execute-api.eu-west-1.amazonaws.com/dev",
+  product: "https://.execute-api.us-east-1.amazonaws.com/product",
+  order: "https://.execute-api.us-east-1.amazonaws.com/dev",
+  import: "https://.execute-api.us-east-1.amazonaws.com/dev",
+  bff: "https://9hm5ojtl48.execute-api.us-east-1.amazonaws.com/dev",
+  cart: "https://.execute-api.us-east-1.amazonaws.com/dev",
 };
 
 export default API_PATHS;

src/mocks/handlers.ts

@@ -7,7 +7,7 @@ import { AvailableProduct, Product } from "~/models/Product";
 
 export const handlers = [
   rest.get(`${API_PATHS.bff}/product`, (req, res, ctx) => {
-    return res(ctx.status(200), ctx.delay(), ctx.json<Product[]>(products));
+    return res(ctx.status(200), ctx.delay(), ctx.json<Product[]>([]));
   }),
   rest.put(`${API_PATHS.bff}/product`, (req, res, ctx) => {
     return res(ctx.status(200));

src/queries/products.ts

@@ -9,7 +9,7 @@ export function useAvailableProducts() {
     "available-products",
     async () => {
       const res = await axios.get<AvailableProduct[]>(
-        `${API_PATHS.bff}/product/available`
+        `${API_PATHS.bff}/products`
       );
       return res.data;
     }
@@ -29,7 +29,7 @@ export function useAvailableProduct(id?: string) {
     ["product", { id }],
     async () => {
       const res = await axios.get<AvailableProduct>(
-        `${API_PATHS.bff}/product/${id}`
+        `${API_PATHS.bff}/products/${id}`
       );
       return res.data;
     },