diff --git a/subjects/mobile-dev/quizz-app/README.md b/subjects/mobile-dev/quizz-app/README.md index 0b563a8c7..79647bf1b 100644 --- a/subjects/mobile-dev/quizz-app/README.md +++ b/subjects/mobile-dev/quizz-app/README.md @@ -1,32 +1,23 @@ -# Quizz App +## Quizz App -### Introduction +### Instructions -Develop a [**stateful Quizz app**](https://docs.flutter.dev/development/ui/interactive) 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). +You need to develop a fully functional [**stateful Quizz app**](https://docs.flutter.dev/development/ui/interactive) in Flutter that allows users to select a **category** and answer **true or false questions** related to the selected category. -After tapping on the category the new route must show a corresponding image to the category, the question itself, true/false buttons. +**Features:** -After the question has been answered, you must let the user know if the question was answered correctly. +- The app needs to feature at least 5 different categories that the users can select from the main page, i.e, history, culture, math, geography, etc. +- The app needs to feature at least at least 10 questions to each `quizz`. +- Appropriate name and images must be added to all of the selected categories. (follow the examples bellow) +- Upon selecting a category, the app needs to display the corresponding image to that category, along with the question and true/false buttons. +- After the user answers the question, the app needs to display whether the answer was correct or incorrect. +- At the end of the quiz, the user must be presented with a view of the score he got and a button to go back to the main page. -After the quizz is finished, a user must see their result. +### Categories page -### Objective +The `Categories` page needs to feature a **grid list** view of categories with the appropriate images and names. -- 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: +The app will have models for `Question` and `Categories`, as shown below: ```jsx //models/Question.dart @@ -48,38 +39,46 @@ class Category { } ``` -- Note: you can style the app as you want - -- Note: only standard Dart package, package:flutter are allowed. -