Flutter Quiz App

Hi Flutter Lovers 🤠

In this article, we will make a great true/false quiz app.

Let’s start 👩🏽‍💻

1 — Application UI

We will use this design. You can customize it according to your own design.

Firstly, we create Question model for our question and answer. We create lib/models folder and question.dart file.

We write our QuestionHelper class for question list, next question, progress, reset operations. We create lib/utilities folder and question_helper.dart file.

We will use the smile icon when the user gives the correct answer. And the sad icon when the user gives the wrong answer. Let’s add our icons.

We create folder: assets/icons. We put our icons.

We make the necessary configurations in the pubspec.yaml file. And then we run flutter pub get.

assets:
 - assets/
 - assets/icons/

And let’s create the cute user interface design. We create lib/screens folder and quiz_screen.dart file.

Our awesome quiz application is ready. 🕺🏻🤩

You can access the project from my Github account.👩🏽‍💻