https://github.com/sharjeelsafdar/project12c-serverless-jamstack-todo-app

A Serverless JAMstack Todo App with Gatsby, Netlify, FaunaDB, GraphQL, and TypeScript
https://github.com/sharjeelsafdar/project12c-serverless-jamstack-todo-app

authorization faunadb gatsbyjs graphql jamstack netlify netlify-functions netlify-identity reactjs serverless static-site typescript

Last synced: 7 months ago
JSON representation

A Serverless JAMstack Todo App with Gatsby, Netlify, FaunaDB, GraphQL, and TypeScript

• Host: GitHub
• URL: https://github.com/sharjeelsafdar/project12c-serverless-jamstack-todo-app
• Owner: SharjeelSafdar
• License: 0bsd
• Created: 2021-03-09T18:55:49.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-03-14T07:22:00.000Z (over 4 years ago)
• Last Synced: 2025-02-09T07:43:12.499Z (9 months ago)
• Topics: authorization, faunadb, gatsbyjs, graphql, jamstack, netlify, netlify-functions, netlify-identity, reactjs, serverless, static-site, typescript
• Language: TypeScript
• Homepage: https://serverless-todo-app-p12c.netlify.app/
• Size: 922 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

    

  





  Project 12C: Serverless JAMstack Todo App With Gatsby, FaunaDB, GraphQL, Netlify Functions, and TypeScript



### Link to Web App

The web app has been deployed to Netlify, and can be accessed [here](https://serverless-todo-app-p12c.netlify.app/).

### Features

The following are some of the features of this project:

- Email authentication with [Netlify Identity](https://docs.netlify.com/visitor-access/identity/)

- 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 GraphQL API hosted in a Netlify function to interact with [FaunaDB](https://fauna.com/)

- Demonstrates CRUD operations using FaunDB through the GraphQL API

- Store management with Apollo Client's [InMemorCache](https://www.apollographql.com/docs/react/caching/cache-configuration/)

- 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 [Netlify](https://www.netlify.com/)

- CI/CD with Netlify

- Completely typed with Typescript

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