Light

aws-samples / amazon-chime-sdk-meetings-breakout-rooms Goto Github PK

View Code? Open in Web Editor NEW

10.0 12.0 9.0 60 KB

License: Apache License 2.0

TypeScript 90.05% JavaScript 8.35% Shell 0.92% CSS 0.30% HTML 0.37%

amazon-chime-sdk-meetings-breakout-rooms's Introduction

Deploy

This demo can be deployed via CDK so you can see how this works in your own AWS Account. Prerequisites:

aws-cdk installed (https://docs.aws.amazon.com/cdk/latest/guide/getting_started.html) and bootstrapped (https://docs.aws.amazon.com/cdk/latest/guide/bootstrapping.html)
npm installed
credentials configured
- account credentials
- cdk account association: export CDK_DEFAULT_ACCOUNT=<ACCOUNTID>

chmod +x deploy.sh
./deploy.sh

This script will complete a series of actions that includes building the CDK deployment and the React App. The CDK consists of two Stacks that are deployed sequentially so that the API Gateway URL that is created in the Backend Stack can be passed to and used in the Frontend. The output from this will include the URL that is hosting the front end app.

Cleanup

To remove deployed resources:

cdk destroy --all

amazon-chime-sdk-meetings-breakout-rooms's People

Contributors

Stargazers

Watchers

Forkers

jzj eu-central-1 eccyan limsuky chriscoombs felipe-pereira caothetoan

amazon-chime-sdk-meetings-breakout-rooms's Issues

Issue with deploying front-end

Hello, I tried using this CDK to create breakout rooms for my team's meetings but unfortunately, while the backend did deploy, I ran into an error when the front end tried to deploy.

[/Users/<username>/Documents/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting/src/containers/BreakoutControls/BreakoutModal.tsx
TypeScript error in /Users/beshard/Documents/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting/src/containers/BreakoutControls/BreakoutModal.tsx(52,28):
Object is of type 'unknown'.  TS2571

    50 |       }
    51 |       catch (error) {
  > 52 |         updateErrorMessage(error.message);
       |                                                  ^
    53 |       }
    54 |     }
    55 |]([url](url))

I made sure that my node compatibility was correct, I'm using node v16.3.0, I'm using my own AWS account for CDK_DEFAULT_ACCOUNT environment variable. I also bootstrapped my cdk with the recommended variables. Let me know if you would like any more information, I think this is a fantastic feature and I'm looking forward to being able to use this normally!

Error when trying to deploy. (Frontend)

what I tryed

./deploy.sh

Occurring event.

  :
 Building React App

~/work3/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting ~/work3/amazon-chime-sdk-meetings-breakout-rooms

up to date, audited 3731 packages in 15s

184 packages are looking for funding
  run `npm fund` for details

58 vulnerabilities (7 moderate, 42 high, 9 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

> [email protected] build
> react-scripts build

Creating an optimized production build...
Failed to compile.

/Users/takagikoudai/work3/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting/src/app.tsx
TypeScript error in /Users/takagikoudai/work3/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting/src/app.tsx(29,8):
Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'.  TS2559

    27 |   <Router>
    28 |     <AppStateProvider>
  > 29 |       <Theme>
       |        ^
    30 |         <NotificationProvider>
    31 |           <Notifications />
    32 |           <ErrorProvider>

environment

node14.x, node16.x, node18.x
typescript: "3.3.1 - 4.4.0"

It was not possible to use any version.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.