Grace Hopper Jeopardy

Run locally

Run the following:

npm install
npm run webpack

Then open index.html in your browser.

Deploy on AWS

This application can be deployed to Amazon EC2 using AWS CloudFormation and AWS CodeDeploy. It can be used as an example application in a workshop, with multiple stacks in the same account.

Create shared resources (create once):

aws cloudformation deploy --stack-name ghc-workshop-shared-resources --template-file cloudformation_templates/shared_resources.yml --capabilities CAPABILITY_NAMED_IAM --parameter-overrides WorkshopName="ghc-workshop"

Create website resources (can create multiple stacks for a workshop):

aws cloudformation deploy --stack-name ghc-workshop-application-1 --template-file cloudformation_templates/application.yml --parameter-overrides SharedResourceStack="ghc-workshop-shared-resources"

Go to the CodeDeploy console:

aws cloudformation describe-stacks --stack-name ghc-workshop-shared-resources --query 'Stacks[0].Outputs[?OutputKey==`CodeDeployUrl`].OutputValue' --output text

Select the CodeDeploy deployment group created for the new website stack (starts with ghc-workshop-application-1), and start a deployment:

• Go to Actions -> Deploy new revision
• Select "My application is stored in GitHub" for the Repository type
• Connect your account to GitHub if you have not already under the "Connect to GitHub" section.
• Enter "clareliguori/grace-hopper-jeopardy" for the repository name, and "a5a9d6ed08165027b2183192f91224910c6359e6" for the commit ID

Once the deployment completes, go to the application URL:

aws cloudformation describe-stacks --stack-name ghc-workshop-application-1 --query 'Stacks[0].Outputs[?OutputKey==`Url`].OutputValue' --output text

Cleanup:

Delete Stacks:

aws cloudformation delete-stack --stack-name ghc-workshop-shared-resources

aws cloudformation delete-stack --stack-name ghc-workshop-application-1

Credits

• Based on React Trivia
• Grace Hopper clip art by gingercoons

License

This library is licensed under the MIT License.