Project 13A: Serverless JAMstack Todo App with Gatsby, TypeScript, AppSync, DynamoDB, Cognito, CloudFront and AWS CDK
The web app has been deployed to AWS CloudFront, and can be accessed here. The backend code is available here.
The following are some of the features of this project:
- Email authentication with AWS Cognito User Pool
- A dashboard for a user to manage his/her todos
- Fetches and displays the todos of the logged in user only
- Possible interactions with todos: create a new todo, update an existing todo, delete a todo and toggle an existing todo's status
- A DynamoDB table to store todos
- A GraphQL API with AWS AppSync to interact with DynamoDB
- Demonstrates CRUD operations using DynamoDB through the GraphQL API
- Uses Amplify for GraphQL queries and mutations, and User Pool Auth
- Bootstrapped with GatsbyJS
- Additionally, includes TypeScript support for gatsby-config, gatsby-node, gatsby-browser and gatsby-ssr files
- Site hosted on AWS CloudFront
- CI/CD with AWS Code Pipeline and AWS Code Build
- Completely typed with Typescript
- Completely interactive and responsive design with Material-UI components.