Tutorial & boilerplate setup
For this tutorial, the GraphQL backend and the basic app UI is already ready. Our task will be to convert the "static" UI into a working realtime app.
Download and run the boilerplate
- Download the boilerplate at: https://hasura.io/learn/graphql/flutter-graphql/boilerplate.zip
- Unzip and make sure you're in the
app-boilerplate
directory. - Run this app in your phone or emulator using
Flutter SDK
flutter run
- Signup/login as a user to load the todo app screen
After you login, you should get something like this:
Load GraphiQL to play with your GraphQL APIs
- Head to https://hasura.io/learn/graphql/graphiql
- Log in (so that you can test the GraphQL APIs with a valid user token)
This is what you should see after following the steps above: