Create Git repository

1. Update source code of front-end

• Open src/constant.js file in source code folder of front-end you downloaded. Next, replace value of APP_API_URL with URL that you recorded from the previous step

2. Create a new buildspect.yaml file. Copy the following script into that file

version: 0.2

phases:
  install:
    runtime-versions:
      nodejs: latest

    commands:
      # install yarn
      - npm install yarn
      # install dependencies
      - yarn
      # so that build commands work
      - yarn add eslint-config-react-app

  build:
    commands:
      # run build script
      - yarn build

artifacts:
  # include all files required to run application
  # we include only the static build files
  files:
    - '**/*'
  base-directory: 'build'  

3. Run the command amplify init to initialize a new Amplify project. Answer the questions with the following list:

• Enter a name for the project (FCJServerlessDMS)
• Initialize the project with the above configuration? (Y/n) (Yes)
• Select the authentication method you want to use: (AWS profile)
• Please choose the profile you want to use (default)
• Help improve Amplify CLI by sharing non sensitive configurations on failures (y/N) (N)`

4. Run the command amplify import auth to import the Amazon Cognito resource we created into the project. Answer the questions with the following list:

• What type of auth resource do you want to import? · (Cognito User Pool and Identity Pool)
• Select the User Pool you want to import: (cognito-fcj-dms)

5. Run the command amplify import storage to import the bucket we created into the project. Answer the questions with the following list:

• Select from one of the below mentioned services: (S3 bucket - Content (Images, audio, video, etc.))
• Select the S3 Bucket you want to import: · (fcjdmsstore)

6. Run the command amplify push to update the cloud resources.
7. Open the .gitignore file and comment the line that says aws_exports.js

8. Run the following to create CodeCommit repository for front-end code

aws codecommit create-repository --repository-name fcjdms-frontend

You will see output similar to the following

{
    "repositoryMetadata": {
        "accountId": "111111111111",
        "repositoryId": "925fa242-d110-47b4-9ef0-b62815120358",
        "repositoryName": "fcjdms-frontend",
        "lastModifiedDate": "2023-04-10T09:54:38.755000+07:00",
        "creationDate": "2023-04-10T09:54:38.755000+07:00",
        "cloneUrlHttp": "https://git-codecommit.ap-southeast-1.amazonaws.com/v1/repos/fcjdms-frontend",
        "cloneUrlSsh": "ssh://git-codecommit.ap-southeast-1.amazonaws.com/v1/repos/fcjdms-frontend",
        "Arn": "arn:aws:codecommit:ap-southeast-1:111111111111:fcjdms-frontend"
    }
}

• Open CodeCommit console to check repository

9. Run the commands below at the root of the front-end project to initialize a local Git repository, add the code to it.

git init -b main
git add .
git commit -m "Initial commit"

10. Add your CodeCommit repository URL as a remote on your local git project.

git remote add origin codecommit://fcj-book-store-frontend

11. Push code to CodeCommit repository by running the following command:

git push -u origin main

12. Back to CodeCommit console

• Click fcj-book-store-frontend repository, you will see the code has been uploaded