How to create Dynamic Quiz App

So today I am gonna show you how to create a dynamic quiz app using Makeroid. I am using Airtable Spreadsheet for data storage and data execute. You need Airtable API key and Base ID. Check out my video tutorial below and you can see how to get API Key and Base ID.
First of all I have create some categories. If you want to create a GK or Quiz App then create lots of categories and do designing and coding like I do in Category 1. And if you created an earning app and you want to add quiz feature in your earning app then it will be great. Just do coding and designing like I do. So I draged two buttons for two categories, one is Category 1 and other is Category 2. Now I have created a new screen named cat1 and do code for open another screen to cat1.

Now go to cat1 screen and drag a Vertical Scroll Arrangement first and set height and width as fill parent. In this arrangement drag a Vertical Arrangement and also set height and width as fill parent. Into this drag a Horizontal Arrangement and set height as 10 percent and width as fill parent. In this arrangement drag 4 labels, set first label test as Questions :, second label text as 0, third label text as / and last label text as 0. Rename second label as count, here questions’ numbering will appear and last label as total, here total questions’ number will appear. Now after this horizontal arrangement make some space and then drag another Horizontal Arrangement and set height as automatic and width as fill parent. Into this arrangement drag a label and set text as please wait… and rename this label as question_label, here questions will appear one by one. Make space after this arrangement and drag a Vertical Arrangement. Drag List View into this arrangement. Make some space after this arrangement and drag a Button. Set text of this button as Submit, set button name as submit_btn. Now the designing is completed. Now drag two notifiers and five Airtable Spreadsheets from Storage. Rename Spreadsheets as questionoption1option2option3option4 and answer. Now set all spreadsheet’s API Key, Base ID and Table Name same. See the Airtable process on my video.

Design

Airtable Spreadsheet

 

Now I have created long blocks. So create blocks like below.

Blocks

This notifier’s Dismiss Progress Dialog is created after answer column call, check 3rd image of blocks

 

Creating Blocks for all column get and call

 

Now see Notifier will dismiss the progress dialog after all column got values. Also the procedure is in the next block image

 

 

 

Long coding for Submit Button. I have uploaded a right.png and wrong.png file

Last two blocks and that’s it

AIA File

Part 1 of this Tutorial

Part 2 of this Tutorial

11 thoughts on “How to create Dynamic Quiz App

  1. Hello sir… I use your aia file , but in live testing there is only notifier msg show PLEASE WAIT and no any questions display. I have created airtable spread sheet same like you created in video. Api key , Base Id, Table name give according to your videos but still PLEASE WAIT msg continuously open. When i remove that loader and dismiss code there is no question display. So kindly help me to out this problem. Thanks for this aia file and code sir.

  2. I use your aia file , but in live testing there is only notifier msg show PLEASE WAIT and no any questions display. I have created airtable spread sheet same like you created in video. Api key , Base Id, Table name give according to your videos but still PLEASE WAIT msg continuously open. When i remove that loader and dismiss code there is no question display. So kindly help me to out this problem.

Leave a Reply

Your email address will not be published. Required fields are marked *