@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

Table of Contents

Setup
- Steps to run frontend locally
- Clean resources

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.