React-shop-cloudfront

Task 2

• Link to S3-website: http://aws-2023-q4-course.s3-website-eu-west-1.amazonaws.com

• Link to CloudFront: https://d6yi9zf2tot78.cloudfront.net

• Link to APP that was created using CDK and another bucket: https://d37k2ipkdi7gkj.cloudfront.net

  • Steps:
    • install cdk-lib
    • create cdk folder
    • enter cdk folder
    • init cdk with 'cdk init app --language=typescript'
    • add scripts to cdk.json
    • add cdk.ts file
    • run 'cdk bootstrap'
    • run 'cdk deploy'

Technologies

This is frontend starter project for nodejs-aws mentoring program. It uses the following technologies:

• Vite as a project bundler
• React as a frontend framework
• React-router-dom as a routing library
• MUI as a UI framework
• React-query as a data fetching library
• Formik as a form library
• Yup as a validation schema
• Vitest as a test runner
• MSW as an API mocking library
• Eslint as a code linting tool
• Prettier as a code formatting tool
• TypeScript as a type checking tool

Available Scripts

start

Starts the project in dev mode with mocked API on local environment.

build

Builds the project for production in dist folder.

preview

Starts the project in production mode on local environment.

test, test:ui, test:coverage

Runs tests in console, in browser or with coverage.

lint, prettier

Runs linting and formatting for all files in src folder.