public/subjects/mobile-dev/quizz-app

Quizz App

Introduction

Develop a stateful Quizz app that displays categories that you can choose questions from. Possible categories: history, pop culture, math, geography, etc (appropriate name, image must be added to all categories).

After tapping on the category the new route must show a corresponding image to the category, the question itself, true/false buttons.

After the question has been answered, you must let the user know if the question was answered correctly.

After the quizz is finished, a user must see their result.

Objective

• Applying stateful widget
• Routing
• Structuring app
• State management
• Network image cache
• Splash screen
• Timer

First Part:

Categories page:

• Grid list view of categories with appropriate images and names. Make at least 5 categories and at least 10 questions to each quizz. Show 2 categories in a row.
• Your app should have models for Question and Categories:

//models/Question.dart
class Question {
  String question;
  bool answer;

  Question(this.question, this.answer);
}

//models/Category.dart

class Category {
  String name;
  String imageUrl;
  List<Question> questions;

  Category(this.name, this.imageUrl, this.questions);
}

• Note: you can style the app as you want

• Note: only standard Dart package, package:flutter are allowed.

Second Part

Navigation and routing:

• When tapping on category push screen to DetailedView, which shows appropriate image, question and true/false buttons
• Create a stateful widget, so you can change page's state.
• When answering question change color of button or background, so the user know that answer is right or wrong.

Third part

When all questions are answered show the score on a new page.

• It should have Text with score and button which returns user to the main page

Bonus

Add a timer to each question, so the user must answer a question in a fixed time. After time is up, question should be marked as answered incorrectly and omitted.