Hasura is our backend and React app is the frontend. Now we have both ready separately but we should connect them together.
You should update the React code to be able to connect to Hasura.
You may need to learn a little bit about GraphQL as well. It is similar to MongoDB queries.
Add some fake data to "player" table we created in #13. Then update the React code to show the palyer's name list in FE. No need for any fancy CSS stuff for now.
When you are doing this you may have to use the Hasura GraphQL URL and the ADMIN_SECRET value in you React code. Please do not commit them into GitHub. You can use env variables to store those values. If you are not familiar with env variables let me know. Also you can try to remove the password from Hasura project and access without the password temporarily while you are implementing this.
Refer: https://hasura.io/learn/graphql/react/apollo-client/
Hasura is our backend and React app is the frontend. Now we have both ready separately but we should connect them together. You should update the React code to be able to connect to Hasura. You may need to learn a little bit about GraphQL as well. It is similar to MongoDB queries. Add some fake data to "player" table we created in #13. Then update the React code to show the palyer's name list in FE. No need for any fancy CSS stuff for now. When you are doing this you may have to use the Hasura GraphQL URL and the ADMIN_SECRET value in you React code. Please do not commit them into GitHub. You can use env variables to store those values. If you are not familiar with env variables let me know. Also you can try to remove the password from Hasura project and access without the password temporarily while you are implementing this. Refer: https://hasura.io/learn/graphql/react/apollo-client/