Overview

Tech stack

Frontend

• React
• Typescript
• Chakra UI

Backend (Amplify Gen 1)

• Appsync Graphql API
• DynamoDB
• Amplify functions used for rides.
• Amplify auth for authentication & user groups

Architecture

(1) The GOCer interfaces with our website through their web browser. Their browser gets served by Cloudfront CDN. Cloudfront CDN serves our S3 bucket (containing our website’s assets).

(2) Our website allows users to send emails.

(3) Our website allows users to make queries against our Appsync GraphQL API.

(4) Our website allows users to get (large) media relevant to our website. This can include things like sermons, photo collections, etc.

(5) Our website allows users to integrate with Authentication/Authorization flow through Cognito. We will use User Pools to manage user accounts and User Groups to authorize ministry team access. Initially, we will only allow ministry team members to have accounts (manually generated by Web Team Leader).

(6) Appsync communicates with our DynamoDB instances to create/read/update/delete. We receive GraphQL subscriptions through Appsync monitoring changes in our DynamoDB tables as well.