Skip to content
No description, website, or topics provided.
JavaScript Shell Python
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
0-setup
1-app-deploy
2-realtime
3-photos
4-translate
c9-setup
images
.gitignore
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE
README.md

README.md

The Innovator Island Workshop

In this workshop, you will be deploying a completely serverless web application built with AWS services.

If you're attending this workshop at an AWS event, your instructor will provide an overview of the steps involved. There are AWS employees available to help with any of your questions - don't be afraid to ask if you get stuck!

Welcome to the Theme Park!

This exciting new theme park, built on the remote island of Isla Sanserver, combines rollercoasters and rides with shows and exhibits. The park is the creation of the billionaire entrepreneur behind Wild Rydes, the unicorn taxi service that sold in 2018. The park will open every day and expects up to 50,000 visitors daily. It's self-guided, using a web application that guests can browse on their smartphones.

The only "slight" problem is that the development team has suddenly left and the park's Grand Opening is today! You only have 2 hours to finish assembling the remaining pieces of the application before the gates open. But don't worry, serverless is at hand! These instructions will guide you through using AWS services to assemble a complete application so you can save the day.

Application structure

You will be using a micro-services approach to configure a frontend and build a backend serverless application.

Frontend

The frontend web application consists of an existing JavaScript web application managed with AWS Amplify Console that interfaces with services on the backend. You will only need to make minor changes to a configuration file in the frontend code to complete this workshop.

Amplify Console provides a simple, Git-based workflow for deploying and hosting fullstack serverless web applications. Amplify Console can create both the frontend and backend but for this workshop we will be using Amplify Console for only the frontend.

Amplify will be used to host static web resources including HTML, CSS, JavaScript, and image files which are loaded in the user's browser via S3.

Backend

The backend application architecture uses AWS Lambda, Amazon API Gateway, Amazon S3, Amazon DynamoDB, and Amazon Cognito.

JavaScript executed in the frontend browser application sends and receives data from a public backend API built using API Gateway and Lambda. DynamoDB provides a persistence data storage layer which is used by the API's Lambda functions.

See the diagram below for the complete architecture.

Overall architecture

Start here

After setting up your Cloud9 environment, follow the modules in order:

Module # Feature Description
1 Deploy the App Deploy the initial frontend and backend applications.
2 Ride wait times Integrate your application with the ride systems so guests can see wait times.
3 Ride photos Build a photo processing flow so guests can take selfies around the park.
4 Translation (Bonus) Help international guests understand the app by adding language translation.

If you run out of time in the workshop, don't panic! This GitHub repository is public and is available after your workshop ends.

Deleting resources

If you are using an account provided at an AWS event, the account will be cleaned up automatically.

If you are using your own AWS account, this workshop uses AWS services that are mostly covered by the Free Tier allowance (if your account is less than 12 months old) but it may incur some costs. To minimize cost, make sure you deprovision and delete those resources when you are finished.

📢 If you leave resources running in your account, you are liable for the costs incurred.

Next steps

Proceed to the Module 1, where you'll start setting up your application.

You can’t perform that action at this time.