graphql-engine/docs/graphql/core/guides/sample-apps/index.rst

.. meta::
   :description: Sample apps and boilerplates using Hasura
   :keywords: hasura, docs, sample app, boilerplate

.. _sample_apps:

Sample apps & boilerplates
==========================

.. contents:: Table of contents
  :backlinks: none
  :depth: 1
  :local:

Blogposts
---------

- `Build a realtime chat app with GraphQL Subscriptions <https://hasura.io/blog/building-a-realtime-chat-app-with-graphql-subscriptions-d68cd33e73f>`__
- `Build a React To Do Application <https://hackernoon.com/building-a-react-todo-app-with-hasura-graphql-engine-511b703a7ef>`__
- `Build a realtime Game of Thrones Voting App with GraphQL and Chart.js <https://dev.to/malgamves/building-a-real-time-game-of-thrones-voting-app-with-graphql-and-chart-js-37ma>`__
- `Build a todo App with Hasura GraphQL Engine using Angular 6 <https://medium.com/@harshsrivastav123/todo-app-with-hasura-graphql-engine-using-angular-6-aa49957fac19>`__
- `Build a Login app using React-native and Hasura without Redux <https://codeburst.io/making-a-login-app-using-react-native-and-hasura-without-redux-bb31d102038d>`__
- `Build file upload and download for your Hasura app with S3 <https://hasura.io/blog/building-file-upload-downloads-for-your-hasura-app/>`__
- `Public GraphQL queries with Hasura (unauthenticated users) <https://dev.to/mikewheaton/public-graphql-queries-with-hasura-2n06>`__
- `Modelling teams and user security with Hasura <https://dev.to/lineup-ninja/modelling-teams-and-user-security-with-hasura-204i>`__
- `Django JWT authentication with Hasura <https://medium.com/@sejuba/django-jwt-authentication-with-hasura-graphql-engine-e522b2c90869>`__

Repositories
------------

- `Firebase Auth + Hasura JWT <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/firebase-jwt>`__
- `Gatsby + Contenful + Auth0 <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/gatsby-contentful-auth0>`__
- `Gatsby + Postgres + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/gatsby-postgres-graphql>`__
- `Gridsome + Postgres + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/gridsome-postgres-graphql>`__
- `NextJS 8 + Serverless <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/nextjs-8-serverless>`__
- `NextJS + Postgres + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/nextjs-postgres-graphql>`__
- `NuxtJS + Postgres + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/nuxtjs-postgres-graphql>`__
- `Quasar framework + Vue + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/quasar-framework-vue-graphql>`__
- `Todo app with React + Apollo <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/react-apollo-todo>`__
- `React-static + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/react-static-graphql>`__
- `Realtime chat with Vue using GraphQL Subscriptions <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/realtime-chat-vue>`__
- `Realtime chat with React using GraphQL Subscriptions <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/realtime-chat>`__
- `Realtime location tracking using GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/realtime-location-tracking>`__
- `Hasura realtime poll <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/realtime-poll>`__
- `Serverless ETL demo using Hasura GraphQL Engine Event Triggers and Algolia Search <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/serverless-etl>`__
- `Web notifications using Hasura GraphQL Engine Event Triggers and FCM <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/serverless-push>`__
- `Svelte + GraphQL app <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/svelte-apollo>`__
- `Multiplayer Tic Tac Toe with React <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/tic-tac-toe-react>`__
- `Integrating Todo app with Auth0 and JWT authorization with Hasura GraphQL Engine <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/todo-auth0-jwt>`__
- `VueJS + Auth0 + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/vuejs-auth0-graphql>`__
- `Todo app with Vuetify + Vuex + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/vuetify-vuex-todo-graphql>`__
- `WhatsApp clone with Typescript + React + GraphQL <https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/whatsapp-clone-typescript-react>`__

Working apps
------------

- `WhatsApp clone <https://whatsapp-clone.demo.hasura.app/sign-in>`__
- `Realtime todo app <https://react-apollo-todo.demo.hasura.app/>`__
- `Group chat app <https://realtime-chat.demo.hasura.app/>`__
- `Location tracking app <https://realtime-location-tracking.demo.hasura.app/>`__
- `Realtime poll app <https://realtime-poll.demo.hasura.app/>`__
- `Web push notifications demo <https://serverless-push.demo.hasura.app/>`_
- `Serverless ETL demo <https://serverless-etl.demo.hasura.app/>`__
- `3 factor app demo <https://3factor.hasura.app/>`__

Videos
------

- `Build a realtime chat app with GraphQL Subscriptions <https://www.youtube.com/watch?v=xNcxdGaUGqI>`__
- `Build a realtime blog app with Hasura and Gatsby <https://www.youtube.com/watch?v=HTEGGndT3zY>`__

Boilerplates
------------

For boilerplates, please check our community wiki on `GitHub <https://github.com/hasura/graphql-engine/wiki/Community-Wiki#tools-boilerplates--sample-apps>`__.