Grace Hopper Jeopardy

This solution demonstrates multiple best-practices for building a NodeJS web application for Grace Hopper Jeopardy trivia game.

Run locally

Open index.html in your browser.

To eebuild

Run the following:

    npm install
    npm run webpack

Then open index.html in your browser.

Create Github personal access token

Note:

Create a Personal Access Token for your Github account for the AWS webhook.

Link:

https://docs.github.com/en/free-pro-team@latest/github/authenticating-to-github/creating-a-personal-access-token

Deploy on AWS

This application is deployed using AWS CloudFormation.

CloudFormation Parameters: (required)

GitHubRepo
GitHubBranch
GitHubToken (never commit this value)
GitHubUser

This solution require Shared Resource stack to be deployed as primary stack, then Applicaiton stack.

Stacks	Deploy
Shared Resources
Application

AWSCLI Deployment scenarios:

Local bash terminal
Cloud9 (Oregon)
Cloud9 (Oregon)

This application will be deployed on EC2 Autoscaling Group nodes working behind an Application Load Balancer. 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 CodePipeline console:

https://console.aws.amazon.com/codesuite/codepipeline/pipelines

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 S3 objects for CodeSuite before deleting CloudFormation stacks
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
Based on grace-hopper-jeopardy

License

This library is licensed under the MIT License.

ha-king/grace-hopper-jeopardy