simpletable | Simple tables in terminal with Go | Command Line Interface library

I am following a CloudFormation tutorial and this is my AWS CloudFormation template:

I'm having issues registering a user in my angular app using the same endpoint that postman uses. Postman works fine and the user appears in the cognito user pool no problem, but if I try and register the user via my registration page in my angular app, then I get a CORS error

When I look at API gateway, I noticed there isn't an options section in the different endpoints so maybe this an issue.

Also when I deploy SAM I get that there is not authorization set so this could be a factor too. Not sure though. How can I configure my SAM template to make CORS work with the app and not just for postman? I appreciate any help!

SAM Template

I have two columns i.e. UserId (128 characters) and data (100 characters). For query,

Select data from SimpleTable where user_guid = 'xyzabc123457789sda',

a simple table structure to store it in cassandra would be:

Which services can be managed by the AWS SAM (Serverless Application Model) framework?

AWS Docs seem to list contradicting information:

• https://aws.amazon.com/serverless/ lists plenty of services as serverless, incl. Lambda, Fargate, ..., SNS, SQS, ... DynamoDB, S3.

• SAM resource reference lists only: Api, Application, Function, HttpApi, LayerVersion, SimpleTable, StateMachine.

Yet, I cannot find any mention in the SAM docs on how to create an S3 bucket.

An example doubt is - can I have an S3 bucket created using SAM framework? Can SAM deploy to Fargate too?

Here is my code:

I am trying to create an application in my local system and deploy it to the AWS cloud using SAM CLI. The basic outline of this application is given in the diagram.

I have created a directory named myproj for this application and all the sub-folders and files are shown in the following diagram.

The template.yaml file consists of the following code -

I have a component with a Material-UI Table as a child component. I would like to allow the user to select which data they would like to display, press a button, and have it displayed in the Material-UI table.

The data is not necessarily of the same format each time (For example, the user might first wish to view a list of NFL players and their statistics. Later they want to view a list of games and their results.) Data is to be pulled from an API.

I have set up the Material-UI table component to accept arrays describing row data and column details for each dataset. The table then builds itself based on these parameters.

How can I accomplish this task? Currently I have the row and column data stored in state. The table components sets its props from the state. When the component is loaded the effect is triggered and the table is populated with some Player Data. I have a button with the onClick set to a function which will set the state with some new (and different data). However when I click the button my data disappears, and my headers remain as they were before clicking.

Parent Component

inside react src folder, I created Tests/actions.test.js and inside it I have the following code

When i use SAM to create my Lambda,API gateway and DynamoDB table it all works until i get to the actual created table. It is supposed to be called "List" however after the word "list" it gives me a bunch of random numbers and letters. What i want to do is when all 3 of the services are created they should talk to eachother however since i am getting this problem, I have to manually add the name to my function for it to work.