https://github.com/sharjeelsafdar/project13a-serverless-jamstack-todo-app-with-aws-cdk

A serverless JAMstack Todo App with Gatsby, TypeScript, AppSync, DynamoDB, Cognito, CloudFront, and AWS CDK
https://github.com/sharjeelsafdar/project13a-serverless-jamstack-todo-app-with-aws-cdk

amplify appsync cloud-front cognito dynamodb gatsbyjs graphql jamstack serverless typescript

Last synced: 2 months ago
JSON representation

A serverless JAMstack Todo App with Gatsby, TypeScript, AppSync, DynamoDB, Cognito, CloudFront, and AWS CDK

• Host: GitHub
• URL: https://github.com/sharjeelsafdar/project13a-serverless-jamstack-todo-app-with-aws-cdk
• Owner: SharjeelSafdar
• License: 0bsd
• Created: 2021-06-02T11:33:50.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-06-17T21:29:38.000Z (almost 4 years ago)
• Last Synced: 2025-02-09T07:43:10.173Z (4 months ago)
• Topics: amplify, appsync, cloud-front, cognito, dynamodb, gatsbyjs, graphql, jamstack, serverless, typescript
• Language: TypeScript
• Homepage: https://d3nv2ml46a9t01.cloudfront.net/
• Size: 512 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  





  Project 13A: Serverless JAMstack Todo App with Gatsby, TypeScript, AppSync, DynamoDB, Cognito, CloudFront and AWS CDK



### Link to Web App

The web app has been deployed to AWS CloudFront, and can be accessed [here](https://d3nv2ml46a9t01.cloudfront.net/). The backend code is available [here](https://github.com/SharjeelSafdar/project13a-todo-app-backend-with-aws-cdk).

### Features

The following are some of the features of this project:

- Email authentication with [AWS Cognito User Pool](https://aws.amazon.com/cognito/)

- 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](https://aws.amazon.com/dynamodb/) table to store todos

- A GraphQL API with [AWS AppSync](https://aws.amazon.com/appsync/) to interact with DynamoDB

- Demonstrates CRUD operations using DynamoDB through the GraphQL API

- Uses [Amplify](https://amplify.com/) for GraphQL queries and mutations, and User Pool Auth

- Bootstrapped with [GatsbyJS](https://www.gatsbyjs.com/)

- Additionally, includes TypeScript support for gatsby-config, gatsby-node, gatsby-browser and gatsby-ssr files

- Site hosted on [AWS CloudFront](https://aws.amazon.com/cloudfront/)

- CI/CD with [AWS Code Pipeline](https://aws.amazon.com/codepipeline/) and [AWS Code Build](https://aws.amazon.com/codebuild/)

- Completely typed with Typescript

- Completely interactive and responsive design with [Material-UI](https://material-ui.com/) components.