https://github.com/sharjeelsafdar/project12d-bookmarking-application

A Serverless JAMstack Bookmarking App with Gatsby, Netlify, FaunaDB, GraphQL, and TypeScript
https://github.com/sharjeelsafdar/project12d-bookmarking-application

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

Last synced: 1 day ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sharjeelsafdar/project12d-bookmarking-application
• Owner: SharjeelSafdar
• License: 0bsd
• Created: 2021-03-15T05:53:13.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-03-19T16:50:00.000Z (almost 4 years ago)
• Last Synced: 2024-12-16T22:33:34.333Z (about 2 months ago)
• Topics: bookmarks, faunadb, gatsbyjs, graphql, jamstack, netlify, netlify-functions, reactjs, serverless, static-site, typescript
• Language: TypeScript
• Homepage: https://bookmarking-app-p12d.netlify.app/
• Size: 454 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  





  Project 12D: Serverless JAMstack Bookmarking 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://bookmarking-app-p12d.netlify.app/).

### Features

The following are some of the features of this project:

- A dashboard for a user to manage his/her bookmarks

- Fetches and displays the bookmarks from FaunaDB using the GraphQL API

- Possible interactions with bookmarks: create a new bookmark, update an existing bookmark, delete a bookmark and batch delete existing bookmarks

- 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 [InMemoryCache](https://www.apollographql.com/docs/react/caching/cache-configuration/) and React's [Context API](https://reactjs.org/docs/context.html)

- 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.