Building scalable Flutter apps using GraphQL, Hasura and event-driven serverless, Part 3 - building the Flutter client

In the third part of "Building a quiz app with Hasura & Firebase", we will create the Flutter frontend. The tutorial covers important parts of creating a Flutter frontend for a quiz application, including setting up dependencies in pubspec.yaml file and connecting the Flutter app to a Firebase project. The app consists of six screens: Main, Login, SignUp, Play, Result, and Scores. In this tutorial, we will focus on the Main, Play, and Scores pages. The Main page checks if there is a signed-in user and navigates to the login screen if not. Once logged in, the app returns the MainApp widget with user information and token. On the Play page, users can answer questions, and their answers are stored in the user_answers table. If the answer is correct, the user gets 10 points. The Scores page displays real-time user scores using a subscription feature.