Before starting app building the prototype was created in Figma
Click here to see a Figma working place
Click here to see a ready Figma prototype.
Screenshots below represent game main screens. Game consists of 10 levels which are devided into two logical tasks. First is choosing something that is greater, smaller, faster etc. Second is choosing something by any criteria, like "eatable and not eatable" etc.
When a user first time opens the app, he will be able to see all game levels that are not available for him untill he wins the previous level. After successful finishing a level, second one opens automatically. In case the user closes the app, all data keeps saved because of using Shared Preferences.
Each level begins with a preview dialog that contains level description. In case of corect choosing the answer will be replaced with a correct mark picture, vice versa incorrect choice will be replaced with incorrect mark picture.Every time image choices appear in a random sequence because of importing Random library. When user finishes the game(after collecting 20 points only!) the end level preview dialog appears and asks user to continue the game with next level. (all these you can see at images below). After finishing the 10th level preview dialog informs a user about succedssfull game finishing.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent