Anupam-dagar / React Hasura Todo
Licence: mit
A react todo app using Hasura Graphql engine
Stars: ✭ 18
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Hasura Todo
Batch Loader
⚡️ Powerful tool for avoiding N+1 DB or HTTP queries
Stars: ✭ 812 (+4411.11%)
Mutual labels: graphql
Ionic Apollo Simple App
Explains how to develop Ionic application with Apollo GraphQL client
Stars: ✭ 16 (-11.11%)
Mutual labels: graphql
Serverless Appsync Plugin
serverless plugin for appsync
Stars: ✭ 804 (+4366.67%)
Mutual labels: graphql
Schemathesis
A modern API testing tool for web applications built with Open API and GraphQL specifications.
Stars: ✭ 768 (+4166.67%)
Mutual labels: graphql
Diversidad Media
Diversidad Media is a platform to generate more diverse spaces, through Movies, Books, Music, and others. The project is in fast growth and there are many things to do. We are still covering the basics.
Stars: ✭ 17 (-5.56%)
Mutual labels: graphql
Aws Mobile Appsync Sdk Js
JavaScript library files for Offline, Sync, Sigv4. includes support for React Native
Stars: ✭ 806 (+4377.78%)
Mutual labels: graphql
Graphql Redis Subscriptions
A graphql subscriptions implementation using redis and apollo's graphql-subscriptions
Stars: ✭ 829 (+4505.56%)
Mutual labels: graphql
Graphqlgen
⚙️ Generate type-safe resolvers based upon your GraphQL Schema
Stars: ✭ 796 (+4322.22%)
Mutual labels: graphql
Graphql Code Generator
A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.
Stars: ✭ 7,993 (+44305.56%)
Mutual labels: graphql
Gatsby Starter Personal Blog
A ready to use, easy to customize, fully equipped GatsbyJS blog starter with 'like app' layout and views transitions.
Stars: ✭ 817 (+4438.89%)
Mutual labels: graphql
Graph Node
Graph Node indexes data from blockchains such as Ethereum and serves it over GraphQL
Stars: ✭ 884 (+4811.11%)
Mutual labels: graphql
Graphql
The Swift GraphQL implementation for macOS and Linux
Stars: ✭ 812 (+4411.11%)
Mutual labels: graphql
Graphql Java Codegen Maven Plugin
Maven plugin for graphql-java-codegen
Stars: ✭ 17 (-5.56%)
Mutual labels: graphql
Api Platform
Create REST and GraphQL APIs, scaffold Jamstack webapps, stream changes in real-time.
Stars: ✭ 7,144 (+39588.89%)
Mutual labels: graphql
React Hasura Todo
A simple todo app built using React and Hasura GraphQL Enginer.
Features:
- Secure Authentication using auth0.
- Create as many todos as you want. Mark them complete or delete them if required.
- Check all your todos created till now.
Try this app
https://reacthasuratodo.herokuapp.com/
Setting up your own todo app with your own database.
- Clone this repository using
https://github.com/Anupam-dagar/react-Hasura-todo.git
- Install the dependencies using
yarn install
. - Deploy your Hasura GraphQL Server using One Click Deploy to Heroku.
- In your just created Heroku app, add an environment variable
HASURA_GRAPHQL_ACCESS_KEY
with its value being something you can remember. This key will be required to access your Hasura GraphQL server. - Create a table named
todos
with following fields- todo_id: integer (auto increment)
- todo_text: Text
- todo_mark: Boolean
- todo_user: Text
- Chose todo_id as Primary Key.
- Set the permissions for your table in Hasura GraphQL server as follows:
- Create a new
role
user. - For
insert
chosewith custom checks
- Select
todo_user
as the field, make it_eq
toX-HASURA-USER-ID
- Select
- For
select
chosewith same checks as ----
and select all columns for access. - For
update
chosewith same checks as ----
and give access only totodo_mark
column. - For
delete
chosewith same checks as ----
.
- Create a new
- Sign up on https://auth0.com and create a new application.
- In the application settings, add
http://localhost:3000/callback
to theAllowed Callback Urls
. - Deploy auth0handler using One Click Deploy to Heroku
- Add an environment variable to your just deployed auth handler
AUTH_ZERO_DOMAIN
with its value being your auth0 domain address. - Add an environment variable in your Hasura GraphQL server Heroku app .
HASURA_GRAPHQL_AUTH_HOOK
and keep its valueyour auth0 handler url/auth0/webhook
. - Create a file .env and include write the following data in it.
REACT_APP_CLIENTID=''
REACT_APP_REDIRECTURI='http://localhost:3000/callback'
- Change the
domain
insrc/Auth/Auth.js
to your auth0 domain. - Change the
uri
insrc/Components/Home.js
to your Hasura GraphQL server url endpoint. - Run the local server using yarn start.
LICENSE
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].