Lambda Form

This is a test app that submits a form to a DynamoDB instance using AWS-Lambda via Gateway.

It is served out of an AWS S3 bucket

OPS

App currently hosted at: http://lambda-form-dev-websitebucket-mlzenqtr9rcl.s3-website-us-east-1.amazonaws.com

The app uses the serverless npm package to manae resources in AWS.

npm install -g serverless

Make changes to the aws setup by updating serverless.yml and pushing the changes to AWS using:

serverless deploy --verbose

Test the api with cURL:

curl --request GET "https://9wrlwjpyjh.execute-api.us-east-1.amazonaws.com/dev/entries"

  curl 'https://9wrlwjpyjh.execute-api.us-east-1.amazonaws.com/dev/entry/828a9e26-e658-4e1b-916f-627b963ede4e' -X PUT -H 'Accept: application/json, text/plain, */*' -H 'Referer: http://localhost:3000/new' -H 'Origin: http://localhost:3000' -H 'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36' -H 'Content-Type: application/json;charset=UTF-8' --data-binary '{"email":"derp@gmail.com","phoneNumber":"2","website":"http://localhost:3000/new","applicantName":"Mia de Burca","organisationName":"zzzzzz","role":"r","streetAddress":"Leveson Street, 45","streetAddressTwo":"45","city":"NORTH MELBOURNE","province":"a","zip":"3051","country":"a","foundationYear":"7","registrationStatus":false,"taxId":"2","localisation":"test","hasParentAffiliation":false,"sector":"test","socialMediaHandle":"http://localhost:3000/new","socialMediaFollowers":"http://localhost:3000/new","description":"6","priorUse":false,"contestType":"test","deadline":"w","specificEvent":false,"howDidYouHear":"blog","featureAgreement":true,"collectEmailAgreement":true,"privacyAgreement":true,"id":"828a9e26-e658-4e1b-916f-627b963ede4e"}' --compressed

Deploy new versions of the client by building and pushing to S3:

npm run build

Then upload static website assets:

aws-vault exec devopsgirls -- aws s3 sync build/ s3://lambda-form-dev-websitebucket-mlzenqtr9rcl

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

TODO

• Add auth handling to the endpoint
• Add validation to the form (both f/e and b/e: dynamo db can't handle empty form fields)
• Add a page to view submissions (this month's submissions and option to view older)

And then...

• Fire an "application received" email to the applicant on successful submission
• Add a slack notification for new application
• Add accept/decline UI which sets a field on the application
• Add assign account manager step to "accept" application
• On decline, fire an email with the powerpack upgrade
• On success, fire an email with the success email and inform relevant account manager

Once it's looking good

• Set up CI
• Remove hardcoded config (api endpoint, s3 bucket etc)
• Recreated all the resources in the Platform acc
• Add a Route53 record or something so it's hosted on the 99designs domain instead