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

1. Download the boilerplate at: https://hasura.io/learn/graphql/flutter-graphql/boilerplate.zip
2. Unzip and make sure you're in the app-boilerplate directory.
3. Run this app in your phone or emulator using Flutter SDK
   • flutter run
4. 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

1. Head to https://hasura.io/learn/graphql/graphiql
2. 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:

Get Started with GraphQL Now

Hasura Cloud gives you a fully managed, production ready GraphQL API as a service to help you build modern apps faster.

Try Hasura Cloud for Free