Skip to content

README.md

Latest commit

 

History

History
45 lines (31 loc) · 1.85 KB

README.md

File metadata and controls

45 lines (31 loc) · 1.85 KB
Raw

@aws-sdk-notes-app/frontend

  • This package contains frontend code which performs:

    • Put, Get, Delete operations on S3 client.
    • StartStreamTranscription operation on TranscribeStreaming client.
    • SynthesizeSpeech operation on Polly client.

  • This is a create-react-app which creates minimized bundle on running build, and debugs it on running start.

    Click to view screen recordings

    Screen recording

    Screen recording

    Screen recording

Table of Contents

Setup

Ensure that you've followed pre-requisites from main README, and created backend.

Steps to run frontend locally

  • yarn prepare:frontend to populate Cloudformation resources in frontend config.
  • The resources can also be manually added in src/config.json.
    • Add aws-js-sdk-notes-app.GatewayUrl from CDK output for GATEWAY_URL.
      • Example GatewayURL: https://randomstring.execute-api.region.amazonaws.com/prod/
    • Add aws-js-sdk-notes-app.Region from CDK output for REGION.
  • yarn start:frontend to run the server.
    • This will open the website in the browser, and enable HMR.
    • Just edit and save the files in packages/frontend/src, and the browser page will auto-refresh!
  • yarn build:frontend to create optimized production build (to get file sizes).

Clean resources

  • Run yarn cdk destroy to delete Cloudformation Stack.