graphql-engine/community/examples/todo-auth0
2018-09-13 12:00:07 +05:30
..
auth-webhook add community boilerplates and examples (#430) 2018-09-13 12:00:07 +05:30
hasura-graphql-engine add community boilerplates and examples (#430) 2018-09-13 12:00:07 +05:30
todo-app add community boilerplates and examples (#430) 2018-09-13 12:00:07 +05:30
.dockerignore add community boilerplates and examples (#430) 2018-09-13 12:00:07 +05:30
.gitignore add community boilerplates and examples (#430) 2018-09-13 12:00:07 +05:30
README.md add community boilerplates and examples (#430) 2018-09-13 12:00:07 +05:30

Todo app using Hasura GraphQL Engine, Heroku Postgres and Auth0

  • STEP 1: Set auth0 domain

    Set your auth0 domain in auth-webhook/constants.js. Also allow callbacks for http://localhost:3000/callback in your auth0 dashboard.

  • STEP 2: Deploy the auth Webhook (using ngrok, glitch, heroku or whatever)

    glitch-deploy-button

  • STEP 3: Start GraphQL engine with the the auth-hook as the webhook URL and access key of your choice

    Deploy GraphQL engine to Heroku if you do not have it deployed anywhere.

    Deploy to heroku

  • STEP 4: Apply the migrations

    • Add your database URL and access key in hasura-graphql-engine/config.yaml
    • Run hasura migrate apply to create the required tables and permissions for the todo app
  • Step 5: Set React app variables

    Set auth0 domain, auth0 client ID and the GraphQL Engine URL in todo-app/src/constants.js

  • Step 6: Run the React app

    Run npm start from the todo-app directory to start the TODO app.

    THe app runs on port 3000 by default. You can change the port number, but you will also have to reconfigure the callback