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

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.

2.8 KiB Raw Blame History